edited page grid columns structure
This commit is contained in:
parent
2f3caed771
commit
7addbb6ed6
|
@ -9,7 +9,6 @@
|
|||
.site {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr;
|
||||
//grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
|
||||
grid-auto-rows: min-content auto min-content min-content;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
|
@ -165,6 +164,7 @@
|
|||
@media screen and (min-width: 48em) {
|
||||
//only bigger than 48em
|
||||
.site {
|
||||
grid-template-columns: 1fr 2fr 2fr 1fr;
|
||||
> header {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
@ -180,8 +180,7 @@
|
|||
}
|
||||
.site-header {
|
||||
display: grid;
|
||||
//grid-template-columns: 0.25fr 1.25fr 1.25fr 0.25fr;
|
||||
grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr;
|
||||
grid-template-columns: 1fr 2fr 2fr 1fr;
|
||||
grid-template-areas:
|
||||
"main "
|
||||
"secondary ";
|
||||
|
|
Loading…
Reference in New Issue