feat: update sound grid layout

Increase layout to 6 columns when screen is bigger then 800px
mateusfg7 · Jan 5, 2022 · 6c9eed8 · 6c9eed8
1 parent 395977e
commit 6c9eed8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/styles/pages/index.ts b/src/styles/pages/index.ts
@@ -23,4 +23,8 @@ export const SoundGridLayout = styled.div`
     grid-template-columns: repeat(5, 1fr);
     gap: 30px;
   }
+
+  @media (min-width: 800px) {
+    grid-template-columns: repeat(6, 1fr);
+  }
 `