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