feat(ui): update gap between sounds

mateusfg7 · Jan 3, 2022 · c3a8ac3 · c3a8ac3 · vercel · Jan 3, 2022
1 parent 15c863e
commit c3a8ac3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/styles/pages/index.ts b/src/styles/pages/index.ts
@@ -3,7 +3,7 @@ import styled from 'styled-components'
 export const SoundGridLayout = styled.div`
   display: grid;
   grid-template-columns: 1fr;
-  gap: 30px;
+  gap: 50px;
 
   margin: 25px auto;
 
@@ -21,5 +21,6 @@ export const SoundGridLayout = styled.div`
 
   @media (min-width: 700px) {
     grid-template-columns: repeat(5, 1fr);
+    gap: 30px;
   }
 `