Template:KB-Consoles/styles.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@media screen and (min-width: 851px) { | |||
.container { | .container { | ||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
grid-template-rows: 1fr 1fr; | |||
} | } | ||
.section_a { | .section_a { | ||
grid-row: 1; | grid-row: 1; | ||
grid-column: 1; | |||
} | } | ||
.section_b { | .section_b { | ||
grid-row: 2; | grid-row: 1; | ||
grid-column: 2; | |||
} | } | ||
.section_c { | .section_c { | ||
grid-row: | grid-row: 2; | ||
grid-column: 1; | |||
} | } | ||
.section_d { | .section_d { | ||
grid-row: | grid-row: 2; | ||
grid-column: 2; | |||
} | } | ||
} | } | ||
Latest revision as of 19:13, 14 October 2024
@media screen and (min-width: 851px) {
.container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.section_a {
grid-row: 1;
grid-column: 1;
}
.section_b {
grid-row: 1;
grid-column: 2;
}
.section_c {
grid-row: 2;
grid-column: 1;
}
.section_d {
grid-row: 2;
grid-column: 2;
}
}