From 4dfb442a80988171fcc47061e2ae5394399ca0f9 Mon Sep 17 00:00:00 2001
From: Ebube <ebube.ojinta@chiefsoft.com>
Date: Wed, 28 Feb 2024 07:47:23 +0100
Subject: [PATCH] responsiveness check

---
 src/components/Dashboards/AccountDashboard.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 92ed698..4a3d7fd 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -21,7 +21,7 @@ const AccountDashboard = ({ className, bannerList }) => {
         className || ""
       }`}
     >
-      <div className="w-full h-[300px] md:grid grid-cols-3 items-center justify-center gap-2">
+      <div className="w-full grid xxs:grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 items-center justify-center gap-2 md:gap-4">
         {getUpperBanner?.map((props, idx) => {
           let image = getImage(props);
 
@@ -40,7 +40,7 @@ const AccountDashboard = ({ className, bannerList }) => {
           );
         })}
       </div>
-      <div className="w-full h-[150px] md:grid grid-cols-2 items-center justify-center gap-4  ">
+      <div className="w-full grid-cols-1 md:grid-cols-2 xxl:grid-cols-3 grid items-center justify-center gap-2 md:gap-4">
         {getLowerBanner?.map((props, idx) => {
           let image = getImage(props);