From b67c4c7684d3ba98ee35c1f5e0225af3e004e99f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?= Date: Fri, 12 Jul 2024 13:52:24 +0200 Subject: [PATCH] fix: update grids to dynamically adapt number of columns + aligned rows --- .../Overview/Stats/Points/Container/container.module.css | 3 +-- .../Blocks/Overview/Stats/Points/PointsColumn/index.tsx | 2 +- .../Stats/Points/PointsColumn/pointsColumn.module.css | 4 ++++ 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/components/MyPages/Blocks/Overview/Stats/Points/Container/container.module.css b/components/MyPages/Blocks/Overview/Stats/Points/Container/container.module.css index df2bf9472..5f514a8d1 100644 --- a/components/MyPages/Blocks/Overview/Stats/Points/Container/container.module.css +++ b/components/MyPages/Blocks/Overview/Stats/Points/Container/container.module.css @@ -6,8 +6,7 @@ @media screen and (min-width: 768px) { .points { - grid-template-rows: auto auto auto; - grid-template-columns: 1fr 1fr; + grid-auto-flow: column; row-gap: 0; column-gap: var(--Spacing-x2); } diff --git a/components/MyPages/Blocks/Overview/Stats/Points/PointsColumn/index.tsx b/components/MyPages/Blocks/Overview/Stats/Points/PointsColumn/index.tsx index ba9fef66a..09764eeed 100644 --- a/components/MyPages/Blocks/Overview/Stats/Points/PointsColumn/index.tsx +++ b/components/MyPages/Blocks/Overview/Stats/Points/PointsColumn/index.tsx @@ -57,7 +57,7 @@ async function PointsColumn({ const { formatMessage } = await getIntl() return ( -
+