diff --git a/src/lib/components/game/index.svelte b/src/lib/components/game/index.svelte index ec63268..47429c6 100644 --- a/src/lib/components/game/index.svelte +++ b/src/lib/components/game/index.svelte @@ -81,8 +81,6 @@ } .game-container { - /* display: grid; */ - /* grid-template-rows: minmax(25px, 50px) 1fr minmax(50px, 75px); */ display: flex; flex-wrap: wrap; diff --git a/src/lib/components/preferences/profile.svelte b/src/lib/components/preferences/profile.svelte index 0f2c35c..6b57292 100644 --- a/src/lib/components/preferences/profile.svelte +++ b/src/lib/components/preferences/profile.svelte @@ -124,16 +124,6 @@ max-width: 180px; } - // @media (min-width: 650px) { - // .preferences { - // width: 500px; - // } - - // .preferences .options > :global(*) { - // gap: var(--spacing-64); - // } - // } - @media (min-width: 480px) { .preferences { width: 500px; @@ -143,4 +133,14 @@ gap: var(--spacing-32); } } + + @media (min-width: 350px) { + .preferences { + width: 420px; + } + + .preferences .options > :global(*) { + gap: var(--spacing-32); + } + } diff --git a/src/routes/game/[id]/+page.svelte b/src/routes/game/[id]/+page.svelte index 81b0e8b..2b096b0 100644 --- a/src/routes/game/[id]/+page.svelte +++ b/src/routes/game/[id]/+page.svelte @@ -141,6 +141,10 @@ grid-template-columns: 1fr 1fr; gap: 2rem; margin: 1rem; + + @media (max-width: 650px) { + grid-template-columns: 1fr; + } } .details { @@ -153,6 +157,10 @@ p { margin: 1rem; } + + @media (max-width: 650px) { + justify-content: center; + } } .description {