mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
25 lines
469 B
SCSS
25 lines
469 B
SCSS
.game-grid {
|
|
display: grid;
|
|
grid-gap: $base-spacing;
|
|
}
|
|
|
|
@media (min-aspect-ratio: 10/11) {
|
|
.game-grid {
|
|
grid-template-areas:
|
|
"board game-info"
|
|
"board move-list";
|
|
grid-template-columns: min-content 1fr;
|
|
grid-template-rows: min-content 1fr;
|
|
}
|
|
}
|
|
|
|
@media (max-aspect-ratio: 10/11) {
|
|
.game-grid {
|
|
grid-template-areas:
|
|
"game-info"
|
|
"board"
|
|
"move-list";
|
|
grid-template-rows: min-content min-content min-content;
|
|
}
|
|
}
|