responsiveness check

2024-02-28 07:47:23 +01:00
parent 0d3025c4d0
commit 4dfb442a80
1 changed files with 2 additions and 2 deletions
@@ -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);