Template:Knowledge Base/styles.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
} | } | ||
@media screen and (min-width: | @media screen and (min-width: 402px) { | ||
.console-image img { | |||
max-width: 100px; | |||
height: auto; | |||
} | |||
.kb-container { | |||
display: grid; | |||
grid-auto-columns: minmax(0, 1fr); | |||
} | |||
.kb-console1 { grid-column: 1; } | |||
.kb-console2 { grid-column: 2; } | |||
.kb-console3 { grid-column: 3; } | |||
.kb-console4 { grid-column: 4; } | |||
.kb-console1, | |||
.kb-console2, | |||
.kb-console3, | |||
.kb-console4 { | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
.kb-console1 { | |||
border-left: 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; } | |||
} | |||
@media screen and (min-width: 851px) { | |||
.kb-container { | .kb-container { | ||
display: grid; | display: grid; | ||