Styling footer

src/components/Footer/Footer.jsx

@@ -4,7 +4,12 @@ import style from './Footer.module.scss';
 function Footer() {
     return (
         <footer className={style.appFooter}>
-            Footer Goes here!
+            <div>
+                <a href="https://www.westelm.com/pages/about-west-elm/">About Us</a>
+            </div>
+            <div>
+                <a href="https://www.westelm.com/customer-service/store-locator.html">Find A Store</a>
+            </div>
         </footer>
     );
 }

src/components/Footer/Footer.module.scss

+@import '~styles/variables';
+
 .appFooter {
+    display: flex;
+    justify-content: space-around;
+    height: $large-footer-height;
+    align-items: center;
+    border-top: solid 1px #8080804a;
     bottom: 0;
     left: 0;
+    background-color: #f1e9e933;
 }
\ No newline at end of file

src/components/Header/Header.module.scss

 @import '~styles/variables';
 
 .appHeader {
-    height: $large-footer-height;
+    height: $large-header-height;
     position: fixed;
     top: 0;
     left: 0;

src/pages/PDP/PDP.module.scss

@@ -14,6 +14,7 @@
         box-sizing: border-box;
         padding: 15px;
         flex-wrap: wrap;
+        min-height: 85vh;
 
         .sellingPrice {
             color: $primary;

src/styles/_variables.scss

@@ -5,4 +5,5 @@ $primary-white : white;
 $gray1 : #F5F6F8;
 $gray2 : gray;
 
+$large-header-height: 60px;
 $large-footer-height: 60px;
\ No newline at end of file