Landing Page

src/app/darmasaba/_com/main-page/landing-page/SosmedView.tsx

@@ -1,23 +1,23 @@
 import images from "@/con/images";
-import { Flex, ActionIcon, Image } from "@mantine/core";
+import { ActionIcon, Flex, Image } from "@mantine/core";
 
 function SosmedView() {
   const listSosmed = Object.values(images.sosmed);
   return (
-    <Flex gap={"md"}>
-      {listSosmed.map((item, k) => {
-        return (
-          <ActionIcon
-            variant="transparent"
-            key={k}
-            w={32}
-            h={32}
-            pos={"relative"}
-          >
-            <Image src={item} alt="icon" loading="lazy" fit="contain" />
-          </ActionIcon>
-        );
-      })}
+    <Flex gap={"md"} justify={"center"} align={"center"}>
+        {listSosmed.map((item, k) => {
+          return (
+            <ActionIcon
+              variant="transparent"
+              key={k}
+              w={32}
+              h={32}
+              pos={"relative"}
+            >
+              <Image src={item} alt="icon" loading="lazy" />
+            </ActionIcon>
+          );
+        })}
     </Flex>
   );
 }