Final breathing final form 2

Pratyay360 · Jul 10, 2023 · 22dfc18 · 22dfc18
1 parent 2152d29
commit 22dfc18
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 13 deletions.
diff --git a/src/app/aboutme.tsx b/src/app/aboutme.tsx
@@ -23,7 +23,7 @@ export default function Aboutme() {
     return (
         <div className="h-screen flex flex-col space-y-8 items-center justify-center text-center overflow-hidden">
             <Backgroundcircles />
-            <img className="rounded-full h-32 w-32 mx-auto object-cover" src="../icons/img.jpg"></img>
+            <img className="rounded-full h-32 w-32 mx-auto object-cover transform-gpu transition-all hover:scale-125" src="../icons/img.jpg"></img>
             <div>
                 <h1 className="text-2xl text-gray-300"> HI, I am Pratyay Mitra Mustafi 👋👋👋👋 </h1>
                 <h1 className="text-3xl lg:text-4xl font-semibold px-5">

diff --git a/src/app/contact.tsx b/src/app/contact.tsx
@@ -2,17 +2,23 @@ import social from './social.json';
 import './styles.css';
 export default function Contact() {
   return (
-    <div>
- <h1 className="text-center shrink items-center justify-center top-36 tracking-[20px] text-gray-500 text-3xl mr-2 mb-10 mt-10 ml-2">CONTACT ME</h1>
-    <div className="flex high flex-row items-center justify-center overflow-hidden tracking-[10px] snap-mandatory text-center mr-5 mb-10">
-      {social.map((icon, index) => (
-        <div key={index} className="cont mr-4 mb-5 mt-5 transform-gpu transition-all hover:scale-125" >
-          <a href={icon.link}>
-            <img src={icon.image} alt={icon.name}/>
-          </a>
-        </div>
-      ))}
-    </div>
-    </div>
+    <>
+ <h1 className="text-center shrink items-center justify-center top-36 tracking-[20px] text-gray-500 text-3xl mr-2 ml-2">CONTACT ME</h1>
+    {/*  */}
+    <div className="flex flex-wrap text-center items-center justify-center ">
+                {social.map((item, index) => (
+                    <div key={index} className="cont mr-4 mb-10 mt-10 transform-gpu transition-all hover:scale-125" style={{ marginRight: "10px" }}>
+                        <a href={item.link} target="_blank" rel="noreferrer">
+                            <img
+                                src={item.image}
+                                alt={item.name}
+                                width={40}
+                                height={40}
+                            />
+                        </a>
+                    </div>
+                ))}
+            </div>
+    </>
   );
 }