edited page grid columns structure

This commit is contained in:
jorge 2024-03-12 14:21:26 +01:00
parent 2f3caed771
commit 7addbb6ed6
1 changed files with 2 additions and 3 deletions

View File

@ -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 ";