(shrink images to 200px wide) |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.mp-console-container { | .mp-console-container { | ||
display: block; | display: block; | ||
} | } | ||
@media screen and (min-width: 851px) { | @media screen and (min-width: 851px) { | ||
.mp-console-container { | .mp-console-container { | ||
text-align: center; | |||
display: grid; | display: grid; | ||
grid-auto-columns: minmax(0, 1fr); | grid-auto-columns: minmax(0, 1fr); | ||
| Line 18: | Line 13: | ||
.mp-wup { grid-column: 2; } | .mp-wup { grid-column: 2; } | ||
.mp-hac { grid-column: 3; } | .mp-hac { grid-column: 3; } | ||
.mp-ctr, | .mp-ctr, | ||
.mp-wup | .mp-wup { | ||
border-right: 1px solid #a2a9b1; | border-right: 1px solid #a2a9b1; | ||
} | } | ||
.console-header { grid-row: 1; } | .console-header { grid-row: 1; } | ||
.console-image { | .console-image { grid-row: 2; align-self: center; } | ||
.console-guide-link { grid-row: 3; } | .console-guide-link { grid-row: 3; } | ||
.console-version { grid-row: 4; } | .console-version { grid-row: 4; } | ||
} | } | ||
Revision as of 04:44, 21 June 2022
.mp-console-container {
display: block;
}
@media screen and (min-width: 851px) {
.mp-console-container {
text-align: center;
display: grid;
grid-auto-columns: minmax(0, 1fr);
}
.mp-ctr { grid-column: 1; }
.mp-wup { grid-column: 2; }
.mp-hac { grid-column: 3; }
.mp-ctr,
.mp-wup {
border-right: 1px solid #a2a9b1;
}
.console-header { grid-row: 1; }
.console-image { grid-row: 2; align-self: center; }
.console-guide-link { grid-row: 3; }
.console-version { grid-row: 4; }
}