diff --git a/styles.css b/styles.css index 5ab6cad..cdd4830 100644 --- a/styles.css +++ b/styles.css @@ -655,7 +655,7 @@ body.ui-v2 { } body.ui-v2 .games-list { - grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); + grid-template-columns: repeat(3, minmax(0, 1fr)); } body.ui-v2 .game-card { @@ -678,7 +678,13 @@ body.ui-v2 .game-cover { body.ui-v2 .game-actions { width: 100%; - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-columns: 1fr; +} + +@media (max-width: 1100px) { + body.ui-v2 .games-list { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } } @media (prefers-color-scheme: dark) { @@ -733,6 +739,10 @@ body.ui-v2 .game-actions { grid-template-columns: 1fr; } + body.ui-v2 .games-list { + grid-template-columns: 1fr; + } + .tools-toggle-btn { top: auto; bottom: 1rem;