From 7343e6c65990c3b0ee1fbc445414140b5006d3fd Mon Sep 17 00:00:00 2001
From: aibiansari <aibiansari1@gmail.com>
Date: Sun, 25 Aug 2024 14:08:07 +0500
Subject: [PATCH] about social responsiveness

---
 src/components/ui/about.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/about.tsx b/src/components/ui/about.tsx
index be3ba4d..1811f0a 100644
--- a/src/components/ui/about.tsx
+++ b/src/components/ui/about.tsx
@@ -135,20 +135,20 @@ const About = ({ showAlert, onHandleShowAlert, onHandleClearHistory }: any) => {
             </section>
 
             <section className="w-full max-w-xl mx-auto p-6 mt-4 bg-white rounded-lg shadow-inner">
-              <div className="flex items-center space-x-6">
+              <div className="flex flex-col md:flex-row items-center gap-4">
                 <img
                   src={avatar}
                   alt="Abdullah Ansari"
                   className="w-24 h-24 rounded-full shadow-black/40 shadow-md"
                 />
-                <div className="-translate-y-1">
-                  <h2 className="text-2xl md:text-3xl text-left font-semibold">
+                <div className="-translate-y-1 flex flex-col items-center md:items-start">
+                  <h2 className="text-3xl text-left font-semibold">
                     Abdullah Ansari
                   </h2>
                   <p className="text-gray-600 text-left">
                     Web Developer & Designer
                   </p>
-                  <div className="flex space-x-4 mt-2">
+                  <div className="flex space-x-4 mt-4 md:mt-2">
                     <a
                       href="https://github.com/aibiansari"
                       target="_blank"