45 lines
580 B
SCSS
45 lines
580 B
SCSS
|
html{
|
||
|
// background-color:#610045;
|
||
|
background-color:#1b0061;
|
||
|
min-height:100%;
|
||
|
}
|
||
|
|
||
|
body{
|
||
|
min-height:100%;
|
||
|
}
|
||
|
|
||
|
.container{
|
||
|
padding:5em;
|
||
|
display:grid;
|
||
|
grid-template-columns:45% auto 45%;
|
||
|
grid-template-rows:45% auto 45%;
|
||
|
min-height:100%;
|
||
|
height:100%;
|
||
|
}
|
||
|
|
||
|
#r1{
|
||
|
grid-row-start:1;
|
||
|
grid-row-end:1;
|
||
|
grid-column-start:2;
|
||
|
grid-column-end:2;
|
||
|
min-height:100%;
|
||
|
}
|
||
|
|
||
|
#r2{
|
||
|
grid-row-start:3;
|
||
|
grid-row-end:3;
|
||
|
min-height:100%;
|
||
|
}
|
||
|
|
||
|
.idea{
|
||
|
div{
|
||
|
padding:2em;
|
||
|
background-color:#00611b;
|
||
|
color:#eeffa8;
|
||
|
}
|
||
|
grid-column-start:2;
|
||
|
grid-column-end:2;
|
||
|
grid-row-start:2;
|
||
|
grid-row-end:2;
|
||
|
}
|