From 3c1cd6e13d2cd3e3a99b1877f9a9f9356cfc2eea Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <BradNut@users.noreply.github.com>
Date: Sun, 10 Jul 2022 12:55:30 -0700
Subject: [PATCH] Media query for mobile

---
 src/routes/index.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index d510219..5770137 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -129,8 +129,8 @@
   </Portal>
 {/if}
 
+<h1>Games</h1>
 <div class="games">
-  <h1>Games</h1>
   {#each games as game}
     <Game detailed={false} {game} />
   {/each}
@@ -183,6 +183,10 @@
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 2rem;
+
+    @media(max-width: 580px) {
+      grid-template-columns: 1fr;
+    }
   }
 
   .description {