Footer color

Author: DanDWD

index.html

@@ -165,22 +165,22 @@ <h2 class="pie-chart__heading">Breakdown</h2>
 <!--footer-->
 			<footer class="footer">
 				<div class="footer-box">
-					<div class="foot-box__links">
+					<div class="footer-box__links">
 						<p>links</p>
 						<ul>
 							<li><a href="https://www.patreon.com/user?u=95740984"class="footer-box__link">Donation</a></li>
 							<li><a href="#" class="footer-box__link">Redeem your Tokens (old method)</a></li>
 						</ul> 
 					</div>
-					<div class="foot-box__links">
+					<div class="footer-box__links">
 						<p>Legals</p>
 						<ul>
 							<li><a href="#" class="footer-box__link">Cookie Policy (eu)</a></li>
 							<li><a href="#" class="footer-box__link">Terms and Conditions</a></li>
 							<li><a href="mailto:[email protected]" class="footer-box__link">Contact</a></li>
 						</ul> 
 					</div>
-					<div class="foot-box__links">
+					<div class="footer-box__links">
 						<p>Socials</p>
 						<ul>
 							<li><a href="https://twitter.com/The_H_Platform" class="footer-box__link">Twitter</a></li>

sass/layouts/_footer.scss

@@ -1,6 +1,6 @@
 .footer {
     color: $whitecolor;
-    background-color: #353535;
+    background-color: #f6f6f6;
     width: 100%;
     padding: 15px 20px 25px 20px;
     @include tablette { 
@@ -11,22 +11,9 @@
         display: flex; 
         align-items: center;
     }
-    &__heading {
-        font-weight: lighter;
-        margin: 10px 0;
-        font-size: 18px;
-        @include tablette {
-            width: 15%;
-            text-align: center; 
-        } 
-        @include desktop {
-            width: 15%;
-            text-align: center; 
-        } 
-    }
 }
 
-.footer-nav {
+.footer-box {
     @include tablette {
         width: 100%;
     }
@@ -36,7 +23,7 @@
         justify-content: flex-end;
         width: 100%;
     }
-    &__link {
+    &__links {
         color: $whitecolor;
         margin: 5px 0;
         display: block;