furniture store: improve several design moments

khassanboi · Jan 10, 2024 · 481ec1f · 481ec1f
1 parent bc103ad
commit 481ec1f
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 10 deletions.
diff --git a/furniture-store/css/main.css b/furniture-store/css/main.css
@@ -44,7 +44,7 @@ section,
 main,
 footer {
   width: 100%;
-  padding: 3rem 5rem;
+  padding: 2rem 5rem;
   display: flex;
   align-items: center;
 }
@@ -54,7 +54,7 @@ footer {
   section,
   main,
   footer {
-    padding: 3rem;
+    padding: 1rem 3rem;
   }
 }
 
@@ -363,14 +363,14 @@ ul {
   width: 60%;
 }
 .navbar__icon {
-  font-size: 3rem;
+  font-size: 3.5rem;
   color: #4b4b4b;
   cursor: pointer;
   display: none;
 }
 @media only screen and (max-width: 30em) {
   .navbar {
-    padding: 2rem 4rem;
+    padding: 2rem 3rem;
   }
   .navbar__container {
     display: flex;
@@ -790,6 +790,7 @@ ul {
   }
   .work__description {
     width: 100%;
+    padding: 2rem;
   }
 }
 
@@ -976,4 +977,7 @@ ul {
     gap: 5rem;
     align-items: start;
   }
+  .footer__top-form {
+    height: 5rem;
+  }
 }/*# sourceMappingURL=main.css.map */
diff --git a/furniture-store/css/main.css.map b/furniture-store/css/main.css.map
diff --git a/furniture-store/index.html b/furniture-store/index.html
@@ -337,6 +337,6 @@ <h2 class="footer__bottom-title">WHIMSY FURNITURE CORP.</h2>
       </div>
     </footer>
     <script src="js/singleGallery.js"></script>
-    <script src="../js/navbar.js"></script>
+    <script src="js/navbar.js"></script>
   </body>
 </html>
diff --git a/furniture-store/scss/_base.scss b/furniture-store/scss/_base.scss
@@ -52,12 +52,12 @@ section,
 main,
 footer {
   width: 100%;
-  padding: 3rem 5rem;
+  padding: 2rem 5rem;
   display: flex;
   align-items: center;
 
   @media only screen and (max-width: $bp-sm) {
-    padding: 3rem;
+    padding: 1rem 3rem;
   }
 }
 

diff --git a/furniture-store/scss/_footer.scss b/furniture-store/scss/_footer.scss
@@ -142,5 +142,9 @@
       gap: 5rem;
       align-items: start;
     }
+
+    &__top-form {
+      height: 5rem;
+    }
   }
 }
diff --git a/furniture-store/scss/_navbar.scss b/furniture-store/scss/_navbar.scss
@@ -62,14 +62,14 @@
   }
 
   &__icon {
-    font-size: 3rem;
+    font-size: 3.5rem;
     color: $color-primary;
     cursor: pointer;
     display: none;
   }
 
   @media only screen and (max-width: $bp-xs) {
-    padding: 2rem 4rem;
+    padding: 2rem 3rem;
 
     &__container {
       display: flex;

diff --git a/furniture-store/scss/_sections.scss b/furniture-store/scss/_sections.scss
@@ -347,6 +347,7 @@
 
     &__description {
       width: 100%;
+      padding: 2rem;
     }
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -347,6 +347,7 @@ @@
         &__description {
           width: 100%;
+          padding: 2rem;
         }
       }
     }
@@ Expand Down @@