fix responsive design

moonbitlang · Aug 30, 2024 · 37b1d9c · 37b1d9c
1 parent fafc911
commit 37b1d9c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/build.mjs b/src/build.mjs
@@ -62,7 +62,7 @@ const index = /*html*/ `
         margin: 0 6rem;
       }
 
-      @media (width < 996px) {
+      @media (max-width: 996px) {
         main {
           margin: 0 1rem;
         }
@@ -94,6 +94,12 @@ const index = /*html*/ `
         gap: 1rem;
       }
 
+      @media (max-width: 996px) {
+        .buttons {
+          flex-direction: column;
+        }
+      }
+
       .game-cards {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
@@ -215,7 +221,7 @@ for (const game of games) {
         padding: 2rem 0;
       }
 
-      @media (width < 996px) {
+      @media (max-width: 996px) {
         main {
           margin: 0 1rem;
         }