From 7ce931f16de7d62173175a27d8d75534d39a53f7 Mon Sep 17 00:00:00 2001
From: yujit2003 <yujityadav99@gmail.com>
Date: Sat, 11 May 2024 10:28:31 +0530
Subject: [PATCH 1/3] bug: Profile Picture alignment correction Ref-#10

---
 app/[username]/UserInfo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[username]/UserInfo.js b/app/[username]/UserInfo.js
index 55459b5..bee745f 100644
--- a/app/[username]/UserInfo.js
+++ b/app/[username]/UserInfo.js
@@ -5,7 +5,7 @@ const UserInfo = props => {
         <>
             <div className="mx-auto flex max-w-screen-lg flex-col items-center justify-evenly gap-4 pb-6 md:flex-row md:gap-14">
                 <div className="relative size-36 flex-none rounded-full border-[4px] border-gray-600 md:size-48">
-                    <img className="rounded-full" src={props.avatarUrl} alt={props.name} />
+                    <img className="rounded-full h-[11.5rem] w-[11.4rem]" src={props.avatarUrl} alt={props.name} />
 
                     {props.status && (
                         <div className="absolute bottom-[10%] right-[10%] translate-x-1/2 ">

From 67595945acb69471e633f231e5671f72f0ef61c8 Mon Sep 17 00:00:00 2001
From: yujit2003 <yujityadav99@gmail.com>
Date: Sat, 11 May 2024 10:36:42 +0530
Subject: [PATCH 2/3] bug: Profile Picture alignment correction Ref-#10

---
 app/[username]/UserInfo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[username]/UserInfo.js b/app/[username]/UserInfo.js
index bee745f..7f34dd8 100644
--- a/app/[username]/UserInfo.js
+++ b/app/[username]/UserInfo.js
@@ -5,7 +5,7 @@ const UserInfo = props => {
         <>
             <div className="mx-auto flex max-w-screen-lg flex-col items-center justify-evenly gap-4 pb-6 md:flex-row md:gap-14">
                 <div className="relative size-36 flex-none rounded-full border-[4px] border-gray-600 md:size-48">
-                    <img className="rounded-full h-[11.5rem] w-[11.4rem]" src={props.avatarUrl} alt={props.name} />
+                    <img className="rounded-full md:h-[11.5rem] md:w-[11.4rem]" src={props.avatarUrl} alt={props.name} />
 
                     {props.status && (
                         <div className="absolute bottom-[10%] right-[10%] translate-x-1/2 ">

From 45ff03e64272242d97273ed0ea99bd3419ecabc4 Mon Sep 17 00:00:00 2001
From: Yujit Yadav <97657345+yujit2003@users.noreply.github.com>
Date: Sat, 11 May 2024 14:48:22 +0530
Subject: [PATCH 3/3] Update app/[username]/UserInfo.js

Co-authored-by: Prateek <devXprite@gmail.com>
---
 app/[username]/UserInfo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[username]/UserInfo.js b/app/[username]/UserInfo.js
index 7f34dd8..bf5374b 100644
--- a/app/[username]/UserInfo.js
+++ b/app/[username]/UserInfo.js
@@ -5,7 +5,7 @@ const UserInfo = props => {
         <>
             <div className="mx-auto flex max-w-screen-lg flex-col items-center justify-evenly gap-4 pb-6 md:flex-row md:gap-14">
                 <div className="relative size-36 flex-none rounded-full border-[4px] border-gray-600 md:size-48">
-                    <img className="rounded-full md:h-[11.5rem] md:w-[11.4rem]" src={props.avatarUrl} alt={props.name} />
+                    <img className="rounded-full w-full" src={props.avatarUrl} alt={props.name} />
 
                     {props.status && (
                         <div className="absolute bottom-[10%] right-[10%] translate-x-1/2 ">