Layout: replace div with main

Components/Layout/index.jsx

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
-import { Box, Flex } from 'UIKit/grid';
+import { Flex } from 'UIKit/grid';
 import { min } from 'UIKit/mq';
 import Header from './Header';
 
-const ContentWrapper = styled(Box)`
+const Main = styled.main`
   ${min('laptop')} {
     margin: 3px 8px;
   }
@@ -15,11 +15,11 @@ const ContentWrapper = styled(Box)`
   }
 `;
 
-const Layout = ({ children }) => (
-  <Flex flexDirection="column">
-    <Header />
-    <ContentWrapper>{children}</ContentWrapper>
-  </Flex>
-);
-
-export default Layout;
+export default function Layout({ children }) {
+  return (
+    <Flex flexDirection="column">
+      <Header />
+      <Main>{children}</Main>
+    </Flex>
+  );
+}