Template:KB-Consoles/styles.css: Difference between revisions
Template page
More actions
Created page with ".container { display: block; text-align: left; row-gap: 500px } .image img { max-width: 200px; height: auto; } @media screen and (min-width: 851px) { .container { display: grid; grid-auto-columns: minmax(0, 1fr); row-gap: 0px } .section_a { grid-row: 1; } .section_b { grid-row: 2; } .section_c { grid-row: 3; } .section_d { grid-row: 4; } }" |
No edit summary |
||
| (11 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; | |||
} | } | ||
} | } | ||