fix(layout): centered layout with responsive principles applied

src/components/Container/styles.tsx

@@ -3,12 +3,7 @@ import styled from "styled-components"
 export const ContainerWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  /* the 172px is necessary because the logo is offset by that much */
-  /* this ensures the logo never goes off screen */
-  /* TODO: most likely extract this number */
-  padding: 0 calc(172px + 32px);
-  margin: 0 auto;
-  width: 100%;
+  margin: 20px;
   max-width: 800px;
 
   & > :first-child {