From 013473e668830cea93d99a88bd0b354b88682711 Mon Sep 17 00:00:00 2001
From: Sayuck <nobrega.m.roberto@gmail.com>
Date: Tue, 12 Oct 2021 21:43:43 -0300
Subject: [PATCH] centralizando os itens do footer

Co-authored-by: KessJhones <tavaresjhones14@gmail.com>
Co-authored-by: Giovannabbottino <giovannabbottino@gmail.com>
---
 src/components/Footer/index.tsx  | 2 +-
 src/components/Footer/styles.tsx | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index ad28575..a68e556 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -19,7 +19,7 @@ const Footer = () => {
             objectFit="contain"
             alt="logo"
           />
-          <h3>MYCHINE</h3>
+          <h2>MYCHINE</h2>
         </S.Logo>
       </Link>
       <S.Links>
diff --git a/src/components/Footer/styles.tsx b/src/components/Footer/styles.tsx
index 27e63c7..ff47ba5 100644
--- a/src/components/Footer/styles.tsx
+++ b/src/components/Footer/styles.tsx
@@ -1,22 +1,19 @@
 import styled, { css } from 'styled-components';
-// import { hoverAnimation } from 'UI/animations';
 
 export const Footer = styled.footer`
   grid-area: footer;
   grid-column: 1/-1;
-  justify-self: center;
   top: 8px;
-  display: block;
-  z-index: 1;
+  display: flex;
+  flex-direction: column;
   background: #00000050;
-
   align-items: center;
 `;
 
 export const Logo = styled.div`
   ${({ theme }) => css`
     position: relative;
-    display: flex;
+    display: inline-flexbox;
     gap: 1rem;
     align-items: center;
     margin-right: ${theme.spacings.xlarge};