footer

shop/src/App.css

@@ -68,6 +68,31 @@
   margin-top: 50px;
 }
 
+
+
+.footer {
+  position: fixed;
+  width: 100%;
+  bottom:0%;
+  color: rgb(229, 229, 243);
+  background-color: rgb(58, 58, 65);
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  align-items: center;
+  height: 50px;
+}
+
+.guarantee {
+  padding: 0% 5px;
+}
+
+.contacts {
+  width: 50%;
+  display: flex;
+  justify-content: space-around;
+}
+
 @media screen and (max-width: 900px) {
   .header {
     padding: 0%;
@@ -85,4 +110,9 @@
   .MainImg {
     height: 15em;
   }
-}
+
+
+  .footer {
+    font-size: 8px;
+  }
+}

shop/src/App.js

@@ -8,7 +8,6 @@ function App() {
     <>
       <Layout>
           <MainImg/>
-          <p>I am main</p>
         
       </Layout>
     </>