Template:Main Page consoles/styles.css: Difference between revisions
Template page
More actions
Created page with ".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; } .console-header { grid-row: 1; } .console-image { grid-row: 2; align-self: center; } .console-guide-link { grid-row: 3; } .console-version { grid-row: 4; } →test: .mp-console-item { border: 1px solid; }" |
shrink images to 200px wide |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.mp-console-container { | .mp-console-container { | ||
display: block; | |||
text-align: center; | text-align: center; | ||
} | } | ||
. | .console-image img { | ||
max-width: 200px; | |||
height: auto; | |||
} | |||
.console-header { grid-row: 1; } | @media screen and (min-width: 851px) { | ||
.console-image { grid-row: 2; align- | .mp-console-container { | ||
.console-guide-link { grid-row: 3; } | display: grid; | ||
.console-version { grid-row: 4; } | grid-auto-columns: minmax(0, 1fr); | ||
} | |||
.mp-ctr { grid-column: 1; } | |||
.mp-wup { grid-column: 2; } | |||
.mp-hac { grid-column: 3; } | |||
.mp-rvl { grid-column: 4; } | |||
.mp-ctr, | |||
.mp-wup, | |||
.mp-hac { | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
.console-header { grid-row: 1; } | |||
.console-image { | |||
grid-row: 2; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.console-guide-link { grid-row: 3; } | |||
.console-version { grid-row: 4; } | |||
} | |||