Cleaning up, refactoring and adding a sidepanel

src/containers/Header.js

@@ -5,19 +5,27 @@ import styled from "styled-components";
 
 const HeaderContainer = styled.header`
   background-color: ${props => props.theme.header.background};
-  display: flex;
   min-height: 6.25rem;
-  align-content: space-between;
-  place-content: space-between;
-  align-items: center;
   padding: 1rem;
   box-sizing: border-box;
 `;
 
+const HeaderContent = styled.div`
+  margin: 0 auto;
+  width: 100%;
+  max-width: 60rem;
+  display: flex;
+  align-content: space-between;
+  place-content: space-between;
+  align-items: center;
+`;
+
 const Header = () => (
   <HeaderContainer>
-    <Logo />
-    <HeaderMenu />
+    <HeaderContent>
+      <Logo />
+      <HeaderMenu />
+    </HeaderContent>
   </HeaderContainer>
 );