fix: socialLink

src/components/SocialLinks/index.tsx

@@ -37,19 +37,19 @@ function SocialLink({ href, icon, title, color, ...prop }: Props) {
 export default function SocialLinks({ ...prop }) {
   return (
     <div className={styles.socialLinks} {...prop}>
-      {Object.entries(social).map(([key, { href, icon, title, color }]) => {
-        if (!href) return <></>
-
-        return (
-          <SocialLink
-            key={key}
-            href={href}
-            title={title}
-            icon={icon}
-            style={{ '--color': color }}
-          ></SocialLink>
-        )
-      })}
+      {Object.entries(social)
+        .filter(([_key, { href }]) => href)
+        .map(([key, { href, icon, title, color }]) => {
+          return (
+            <SocialLink
+              key={key}
+              href={href!}
+              title={title}
+              icon={icon}
+              style={{ '--color': color }}
+            ></SocialLink>
+          )
+        })}
     </div>
   )
 }

src/components/SocialLinks/styles.module.scss

@@ -59,6 +59,8 @@
 
 @media (width <= 570px) {
   .socialLinks {
+    justify-content: center;
+    flex-wrap: wrap;
     gap: 0;
   }
 }

src/pages/_components/FeaturesSection/styles.module.scss

@@ -38,7 +38,7 @@ html[data-theme='dark'] .feature:hover {
 
 @media (width <= 768px) {
   .features {
-    grid-template-columns: repeat(1, 1fr);
+    grid-template-columns: 1fr;
     gap: 0.75rem;
   }
 }