Responsive done for computer screens

src/app/dashboard/member/page.tsx

@@ -1,5 +1,6 @@
 import classnames from 'classnames';
 
+import DashboardHeader from "@/components/DashboardHeader";
 import FindProvider from '@/components/FindProvider';
 import InsuranceCardWidget from '@/components/InsuranceCard';
 import DeductableProgressWidget from '@/components/DeductableProgressWidget';
@@ -8,17 +9,22 @@ import BenefitsAAGWidget from '@/components/BenefitsAAGWidget';
 
 export default function Member() {
   return (
-    <div className="w-full">
-        <div className={classnames("w-full flex justify-start pt-4 z-2 space-x-4")}>
-            <div className="flex flex-col space-y-4">
-                <div className="flex space-x-4">
-                    <DeductableProgressWidget />
-                    <InsuranceCardWidget />
+    <div className="flex flex-col w-full pl-8 pt-5 2xl:pt-7">
+        <DashboardHeader
+            userDisplayName="Robert La'Blah"
+        />
+        <div className="flex w-full pr-23">
+            <div className={classnames("w-full flex flex-col xl:flex-row justify-stretch pt-4 z-2 space-x-4 space-y-4 xl:space-y-0")}>
+                <div className="flex flex-col space-y-4">
+                    <div className="flex space-x-4">
+                        <DeductableProgressWidget />
+                        <InsuranceCardWidget />
+                    </div>
+                    <FindProvider />
+                    <RecentClaimsWidget />
                 </div>
-                <FindProvider />
-                <RecentClaimsWidget />
+                <BenefitsAAGWidget />
             </div>
-            <BenefitsAAGWidget />
         </div>
     </div>
   )