feat(ui): add margin to AudiosBlock component

Add a margin top and bottom to separate it from header and footer, on small screen devices.
mateusfg7 · Dec 7, 2021 · 252c1fd · 252c1fd · vercel · Dec 8, 2021
1 parent dddfb98
commit 252c1fd
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/Audios/styles.ts b/src/components/Audios/styles.ts
@@ -5,6 +5,8 @@ const AudiosBlock = styled.div`
   grid-template-columns: repeat(5, 1fr);
   gap: 30px;
 
+  margin: 25px auto;
+
   @media (max-width: 650px) {
     grid-template-columns: repeat(4, 1fr);
   }