Feat - add main section

components/main/Main.js

@@ -0,0 +1,7 @@
+import mainStyles from './main.module.css';
+
+const Main = ({ children }) => {
+  return <main className={mainStyles.site__main}>{children}</main>;
+};
+
+export default Main;

components/main/main.module.css

@@ -0,0 +1,4 @@
+.site__main {
+  display: flex;
+  justify-content: space-between;
+}

components/navigation/navigation.module.css

@@ -1,5 +1,5 @@
 .site__header {
-  padding: 20px 0;
+  margin: 60px 0;
 }
 
 .site__navbar {
@@ -13,5 +13,5 @@
 }
 
 .site__navbar li:not(:last-child) {
-  padding-right: 10px;
+  margin-right: 30px;
 }