Fix: adrianhajdin#4 Missing li tag in Socials list

issue: adrianhajdin#4 Fixed missing li tag in social list in Footer section
uttamdasud · Mar 4, 2024 · bba2bb1 · bba2bb1
1 parent 235246d
commit bba2bb1
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -12,14 +12,20 @@ const Footer = () => {
 
         <ul className="flex gap-5 flex-wrap">
           {socials.map((item) => (
-            <a
-              key={item.id}
-              href={item.url}
-              target="_blank"
-              className="flex items-center justify-center w-10 h-10 bg-n-7 rounded-full transition-colors hover:bg-n-6"
-            >
-              <img src={item.iconUrl} width={16} height={16} alt={item.title} />
-            </a>
+            <li key={item.id}>
+              <a
+                className="flex items-center justify-center w-10 h-10 bg-n-7 rounded-full transition-colors hover:bg-n-6"
+                href={item.url}
+                target="_blank"
+              >
+                <img
+                  src={item.iconUrl}
+                  width={16}
+                  height={16}
+                  alt={item.title}
+                />
+              </a>
+            </li>
           ))}
         </ul>
       </div>