made dashboard home page reponsive

src/components/Dashboard/DashboardHome.tsx

@@ -3,7 +3,7 @@ import { DefaultCard } from "../"
 export default function DashboardHome() {
   return (
     <div className='w-full'>
-      <div className='group w-full xxs:w-96 h-32'>
+      <div className='group w-full lg:w-96 h-32'>
         <DefaultCard 
           descText='You currently do not have any open application. Click on apply for a loan to get started.'
           iconName='arrow'
@@ -16,7 +16,7 @@ export default function DashboardHome() {
 
       <div className='w-full mt-20 flex gap-16 flex-wrap'>
         {/* cards display */}
-        <div className='group h-40 w-full xxs:w-80'>
+        <div className='group h-40 w-full lg:w-80'>
           <DefaultCard 
             title='Apply for a loan'
             descText='You currently do not have any open application. Click on apply for a loan to get started.'
@@ -28,7 +28,7 @@ export default function DashboardHome() {
             onClick={()=>{console.log('working')}}
           />
         </div>
-        <div className='group h-40 w-full xxs:w-80'>
+        <div className='group h-40 w-full lg:w-80'>
           <DefaultCard 
             title='Loan history'
             descText='You currently do not have any open application. Click on apply for a loan to get started.'
@@ -40,7 +40,7 @@ export default function DashboardHome() {
             onClick={()=>{console.log('working')}}
           />
         </div>
-        <div className='group h-40 w-full xxs:w-80'>
+        <div className='group h-40 w-full lg:w-80'>
           <DefaultCard 
             title='How it works?'
             descText='Steps to follow to complete your loan application successfully.'