diff --git a/src/components/Container/index.tsx b/src/components/Container/index.tsx index 6714539..47713a7 100644 --- a/src/components/Container/index.tsx +++ b/src/components/Container/index.tsx @@ -11,7 +11,7 @@ const StyledContainer = styled.div<{ reverse: boolean }>` gap: 50px; align-items: center; width: 75%; - margin: 0 auto; + margin: 0 auto 160px; min-height: calc(100vh - 250px); flex-direction: ${({ reverse }) => reverse && "row-reverse"}; line-height: 1.2; @@ -19,7 +19,7 @@ const StyledContainer = styled.div<{ reverse: boolean }>` @media only screen and (max-width: 768px) { width: 100%; flex-direction: column; - margin-top: 160px; + margin-bottom: 50px; justify-content: center; } `;