From d24539055a8a4ae5ae6fcf70da4f6d781a784a4e Mon Sep 17 00:00:00 2001
From: Niall Maher <nialljoemaher@gmail.com>
Date: Thu, 18 Jan 2024 17:39:51 +0000
Subject: [PATCH] Refactor profile image size and layout

---
 app/[username]/_usernameClient.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/[username]/_usernameClient.tsx b/app/[username]/_usernameClient.tsx
index ec5950c2..76562e98 100644
--- a/app/[username]/_usernameClient.tsx
+++ b/app/[username]/_usernameClient.tsx
@@ -124,11 +124,11 @@ const Profile = ({ profile, isOwner, session }: Props) => {
   return (
     <>
       <div className="text-900 mx-auto max-w-2xl px-4 dark:text-white">
-        <main className="flex pt-6">
+        <main className="pt-6 sm:flex">
           <div className="mr-4 flex-shrink-0 self-center">
             {image && (
               <img
-                className="h-32 w-32 rounded-full object-cover"
+                className="mb-2 h-20 w-20 rounded-full object-cover sm:mb-0 sm:h-24 sm:w-24 lg:h-32 lg:w-32"
                 alt={`Avatar for ${name}`}
                 src={image}
               />