adaptive

src/components/Footer/footer.scss

@@ -5,7 +5,7 @@
   height: 450px;
 
   @media (max-width: 1155px) {
-    padding: 10px;
+    padding: 10px 0;
     height: auto;
   }
 

src/components/Header/header.scss

@@ -1,5 +1,4 @@
 .header {
-  padding: 10px;
   background: gray;
   position: relative;
 

src/index.css

@@ -45,8 +45,8 @@ code {
 .container {
   display: flex;
   align-items: center;
-  max-width: 1300px;
-  padding: 0 10px;
+  max-width: 1310px;
+  padding: 0 15px;
   margin: 0 auto;
   height: 100%;
 }