WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

responsiveness check

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2024-02-28 07:47:23 +01:00
parent 0d3025c4d0
commit 4dfb442a80
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dashboards/AccountDashboard.jsx
+2 -2
View File
@@ -21,7 +21,7 @@ const AccountDashboard = ({ className, bannerList }) => {
className || "" 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) => { {getUpperBanner?.map((props, idx) => {
let image = getImage(props); let image = getImage(props);
@@ -40,7 +40,7 @@ const AccountDashboard = ({ className, bannerList }) => {
); );
})} })}
</div> </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) => { {getLowerBanner?.map((props, idx) => {
let image = getImage(props); let image = getImage(props);