From 252c1fd714764bb1ad9b7f2b49fcefb2ad1012e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateus=20Felipe=20Gon=C3=A7alves?=
 <mateusfelipefg77@gmail.com>
Date: Tue, 7 Dec 2021 11:21:04 -0300
Subject: [PATCH] feat(ui): add margin to `AudiosBlock` component

Add a margin top and bottom to separate it from header and footer, on small screen devices.
---
 src/components/Audios/styles.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Audios/styles.ts b/src/components/Audios/styles.ts
index 0a20cb4b..0b53a15d 100644
--- 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);
   }