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

fix: wrong margins of loyalty card container in mobile

Browse Source
This commit is contained in:
Christel Westerberg
2024-07-15 15:42:53 +02:00
parent b67c4c7684
commit 5cf616f6b0
2 changed files with 0 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css
View File

@@ -1,13 +1,6 @@
.cardContainer { .cardContainer {
display: grid; display: grid;
gap: var(--Spacing-x2); gap: var(--Spacing-x2);
margin-right: calc(0px - var(--Spacing-x2));
overflow-x: auto;
padding-right: var(--Spacing-x2);
/* Hide scrollbar IE and Edge */
-ms-overflow-style: none;
/* Hide Scrollbar Firefox */
scrollbar-width: none;
} }
.link { .link {
@@ -50,9 +43,6 @@
.cardContainer { .cardContainer {
display: grid; display: grid;
grid-template-columns: repeat(12, 1fr); grid-template-columns: repeat(12, 1fr);
margin-right: 0;
/* Three columns in the first row */
padding-right: 0;
} }
.card:nth-of-type(-n + 3) { .card:nth-of-type(-n + 3) {

5
components/Loyalty/Blocks/DynamicContent/dynamicContent.module.css
View File

@@ -24,11 +24,6 @@
} }
@media screen and (min-width: 950px) { @media screen and (min-width: 950px) {
.container {
margin-right: var(--Spacing-x0);
margin-left: var(--Spacing-x0);
}
.header { .header {
width: 800px; width: 800px;
} }