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

fix: proper spacing on mobile

Browse Source
This commit is contained in:
Chuma McPhoy
2024-09-27 10:51:07 +02:00
parent 42471b309f
commit ff34ae3c0f
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/ContentType/ContentPage/contentPage.module.css
View File

@@ -26,8 +26,7 @@
.heroContainer {
width: 100%;
padding-bottom: var(--Spacing-x4);
padding-top: var(--Spacing-x4);
padding: var(--Spacing-x4) var(--Spacing-x2);
}
.heroContainer img {
@@ -39,7 +38,7 @@
.contentContainer {
display: flex;
flex-direction: column;
padding-top: var(--Spacing-x4);
padding: var(--Spacing-x4) var(--Spacing-x2) 0;
}
.mainContent {
@@ -57,11 +56,15 @@
}
@media (min-width: 1367px) {
.heroContainer {
padding: var(--Spacing-x4) 0;
}
.contentContainer {
display: grid;
grid-template-columns: var(--max-width-text-block) 1fr;
gap: var(--Spacing-x9);
max-width: var(--max-width-content);
margin: 0 auto;
padding: var(--Spacing-x4) 0 0;
}
}