fixed image link

Author: klezi10

components/layout/Footer.js

@@ -23,39 +23,42 @@ export default function Footer() {
           </a>
         </Link>
 
-      <div className={footerStyles.footer__navSocialsDiv}>
-    {/* nav & socials */}
-      
-        <nav className={footerStyles.footer__nav} aria-label='Main'>
-          <ul className={footerStyles.footer__navList}>
-            {linksNav.map(link => (
-              <li className={footerStyles.footer__navItem} key={link.text}>
-                <Link href={link.href}>
-                  <a title={link.text}>{link.text}</a>
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </nav>
+        <div className={footerStyles.footer__navSocialsDiv}>
+          {/* nav & socials */}
 
-        <div className={footerStyles.footer__socialIcons}>
-          <ul className={footerStyles.footer__socialList}>
-            {linksSocial.map(link => (
-              <li className={footerStyles.footer__socialItem} key={link.id}>
-                <Image 
-                  src={link.src}
-                  height={82}
-                  width={68}
-                />
-              </li>
-            ))}
-          </ul>
-        </div>
-        </div>
+          <nav className={footerStyles.footer__nav} aria-label='Main'>
+            <ul className={footerStyles.footer__navList}>
+              {linksNav.map(link => (
+                <li className={footerStyles.footer__navItem} key={link.text}>
+                  <Link href={link.href}>
+                    <a title={link.text}>{link.text}</a>
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </nav>
 
+          <div className={footerStyles.footer__socialIcons}>
+            <ul className={footerStyles.footer__socialList}>
+              {linksSocial.map(link => (
+                <li className={footerStyles.footer__socialItem} key={link.id}>
+                  <Link href={link.href}>
+                    <a title={link.text} target="_blank">
+                      <Image
+                        href={link.href}
+                        src={link.src}
+                        height={82}
+                        width={68}
+                      />
+                    </a>
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+        </div>
       </Container>
 
-
       <Container>
         <p className={footerStyles.footer__copyright}>
           © Web Dev Path {new Date().getFullYear()}. All rights reserved.

styles/Footer.module.scss

@@ -17,14 +17,22 @@
     }
   }
 
+  &____navSocialsDiv {
+    display: flex;
+    // flex-direction: column;
+    
+  }
+
   &__nav {
+
     @include tablet {
       min-width: 6.5rem;
       order: 2;
     }
 
     @include large-desktop {
       font-size: 1.5rem;
+      order: 2;
     }
   }
 
@@ -37,7 +45,6 @@
     }
   }
 
-
   &__navItem {
     margin: 0.5rem 0;
 
@@ -62,16 +69,13 @@
     }
   }
 
-  &____navSocialsDiv {
-    display: flex;
-    flex-direction: column;
-    
-  }
+  //social
 
   &__socialIcons {
-    
+  
+
     @include tablet {
-     
+   
     }
 
     @include large-desktop {
@@ -91,11 +95,13 @@
   }
 
   &__socialItem {
+    cursor: pointer;
     width: 47px;
 
     @include tablet {
       padding-left: 28px;
       max-width: 68px;
+      max-width: 100%;
     }
 
     @include large-desktop {