centralizando os itens do footer

Co-authored-by: KessJhones <[email protected]> Co-authored-by: Giovannabbottino <[email protected]>
UnBArqDsw2021-1 · Oct 13, 2021 · 013473e · 013473e
1 parent e1672dc
commit 013473e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git 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
@@ -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};