scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update grids to dynamically adapt number of columns + aligned rows

Browse Source
This commit is contained in:
Matilda Landström
2024-07-12 13:52:24 +02:00
parent 84f9668454
commit b67c4c7684
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/MyPages/Blocks/Overview/Stats/Points/Container/container.module.css
View File

@@ -6,8 +6,7 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.points { .points {
grid-template-rows: auto auto auto; grid-auto-flow: column;
grid-template-columns: 1fr 1fr;
row-gap: 0; row-gap: 0;
column-gap: var(--Spacing-x2); column-gap: var(--Spacing-x2);
} }

2
components/MyPages/Blocks/Overview/Stats/Points/PointsColumn/index.tsx
View File

@@ -57,7 +57,7 @@ async function PointsColumn({
const { formatMessage } = await getIntl() const { formatMessage } = await getIntl()
return ( return (
<article> <article className={styles.article}>
<Body <Body
color="white" color="white"
textTransform="bold" textTransform="bold"

4
components/MyPages/Blocks/Overview/Stats/Points/PointsColumn/pointsColumn.module.css
View File

@@ -2,4 +2,8 @@
.firstRow { .firstRow {
align-content: flex-end; align-content: flex-end;
} }
.article {
display: grid;
}
} }