Template:Knowledge Base/styles.css: Difference between revisions
Template page
More actions
Created page with "@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; } }" |
No edit summary Tag: Reverted |
||
Line 14: | Line 14: | ||
.console_c { | .console_c { | ||
grid-column: 3; | grid-column: 3; | ||
} | |||
} | |||
@media screen and (min-width: 560px) { | |||
.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; | |||
} | } | ||
} | } |
Revision as of 01:42, 15 October 2024
@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;
}
}
@media screen and (min-width: 560px) {
.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;
}
}