WJ-12 - Fix: Breakpoints;

90lucasgabriel · Aug 23, 2020 · e52cbd5 · e52cbd5
1 parent 9116e2a
commit e52cbd5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/src/containers/Footer/index.tsx b/src/containers/Footer/index.tsx
@@ -12,12 +12,6 @@ const Footer: React.FC = () => {
   return (
     <Wrapper theme="primary">
       <Container>
-        <LogoContainer>
-          <Link to={RouteEnum.BASE}>
-            <Logo fill={Color.Fill} />
-          </Link>
-        </LogoContainer>
-
         <LinksContainer>
           <a href="https://github.com/90lucasgabriel">
             Desenvolvido por Lucas Gabriel
@@ -31,6 +25,12 @@ const Footer: React.FC = () => {
             Documentação
           </a>
         </LinksContainer>
+
+        <LogoContainer>
+          <Link to={RouteEnum.BASE}>
+            <Logo fill={Color.Fill} />
+          </Link>
+        </LogoContainer>
       </Container>
     </Wrapper>
   );

diff --git a/src/containers/Footer/styles.ts b/src/containers/Footer/styles.ts
@@ -5,22 +5,27 @@ import { Container as DefaultContainer } from 'components/Layout';
 
 export const Container = styled(DefaultContainer)`
   display: flex;
+  flex-direction: row-reverse;
   flex-wrap: wrap;
   padding: ${Size.Default};
 `;
 
 export const LogoContainer = styled.div`
   display: flex;
-  flex: 1 1 435px;
+  flex: 1 1 440px;
   align-items: center;
   justify-content: center;
+
+  @media (max-width: 915px) {
+    margin-top: ${Size.Large};
+  }
 `;
 
 export const LinksContainer = styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
-  flex: 1 1 435px;
+  flex: 1 1 440px;
   font-size: ${Size.Small};
 
   a {
@@ -33,7 +38,7 @@ export const LinksContainer = styled.div`
     text-decoration: underline;
   }
 
-  @media (max-width: 900px) {
+  @media (max-width: 915px) {
     text-align: center;
   }
 `;