cleaned up code and any comments

Author: klezi10

components/layout/Footer.js

@@ -36,7 +36,7 @@ export default function Footer() {
           <div className={footerStyles.footer__socialIcons}>
             <ul className={footerStyles.footer__socialList}>
               {linksSocial.map(link => (
-                <li className={footerStyles.footer__socialItem} key={link.id}>
+                <li className={footerStyles.footer__socialItem} key={link.text}>
                   <Link href={link.href}>
                     <a title={link.text} target='_blank'>
                       <Image

styles/Footer.module.scss

@@ -31,7 +31,6 @@
 
     @include large-desktop {
       font-size: 1.5rem;
-      order: 2;
     }
   }
 
@@ -40,7 +39,6 @@
 
     @include tablet {
       display: flex;
-      flex-direction: row;
     }
   }
 
@@ -68,24 +66,10 @@
     }
   }
 
-  //social
-
-  &__socialIcons {
-
-    @include tablet {
-      
-    }
-
-    @include large-desktop {
-     
-    }
-  }
-
   &__socialList {
     display: flex;
     justify-content: center;
-    margin: 0;
-    margin-bottom: revert;
+    margin: 0 0 revert;
     padding: 0;
 
     li:first-child {
@@ -105,11 +89,6 @@
       max-width: 68px;
       max-width: 100%;
     }
-
-    @include large-desktop {
-      max-width: 100%;
-      padding-left: 28px;
-    }
   }
 
   &__copyright {

utils/links.js

@@ -24,7 +24,7 @@ export const linksSocial = [
   },
   {
     id: 3,
-    text: 'Github',
+    text: 'GitHub',
     href: 'https://github.com/Web-Dev-Path',
     src: '/images/svg/GitHub.svg',
   },