Template:Knowledge Base/styles.css: Difference between revisions
Template page
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
@media screen and (min-width: | @media screen and (min-width: 300px) { | ||
.container { | .container { | ||
display: grid; | display: grid; | ||
| Line 13: | Line 13: | ||
} | } | ||
.console_c { | .console_c { | ||
grid-column: | grid-column: 1; | ||
grid-row: 2; | |||
} | } | ||
} | } | ||
@media screen and (min-width: | @media screen and (min-width: 851px) { | ||
.container { | .container { | ||
display: grid; | display: grid; | ||
| Line 31: | Line 32: | ||
} | } | ||
.console_c { | .console_c { | ||
grid-column: | grid-column: 3; | ||
} | } | ||
} | } | ||
Revision as of 01:46, 15 October 2024
@media screen and (min-width: 300px) {
.container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.console_a {
grid-column: 1;
}
.console_b {
grid-column: 2;
}
.console_c {
grid-column: 1;
grid-row: 2;
}
}
@media screen and (min-width: 851px) {
.container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.console_a {
grid-column: 1;
}
.console_b {
grid-column: 2;
}
.console_c {
grid-column: 3;
}
}