mirror of
https://github.com/BradNut/boredgame
synced 2025-09-08 17:40:22 +00:00
Media query for mobile
This commit is contained in:
parent
ce62df044a
commit
3c1cd6e13d
1 changed files with 5 additions and 1 deletions
|
|
@ -129,8 +129,8 @@
|
||||||
</Portal>
|
</Portal>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
|
<h1>Games</h1>
|
||||||
<div class="games">
|
<div class="games">
|
||||||
<h1>Games</h1>
|
|
||||||
{#each games as game}
|
{#each games as game}
|
||||||
<Game detailed={false} {game} />
|
<Game detailed={false} {game} />
|
||||||
{/each}
|
{/each}
|
||||||
|
|
@ -183,6 +183,10 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
|
||||||
|
@media(max-width: 580px) {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue