fix frontpage

digdir · Mar 4, 2025 · 78dae82 · 78dae82
1 parent 5deb3bc
commit 78dae82
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/apps/theme/app/page.module.css b/apps/theme/app/page.module.css
@@ -22,6 +22,11 @@ div[data-color-scheme='dark'][data-theme='two'] .main {
   margin: 0 auto;
   text-align: center;
   margin-top: var(--ds-size-8);
+
+  @media screen and (max-width: 768px) {
+    width: 100%;
+    padding: 0 var(--ds-size-6);
+  }
 }
 
 .heading {
@@ -38,6 +43,10 @@ div[data-color-scheme='dark'][data-theme='two'] .main {
   align-items: center;
   justify-content: center;
   margin-top: var(--ds-size-7);
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+  }
 }
 
 .headerText {

diff --git a/apps/theme/components/Previews/Previews.module.css b/apps/theme/components/Previews/Previews.module.css
@@ -3,6 +3,15 @@
   gap: var(--ds-size-4);
   margin: var(--ds-size-4) 0;
   margin-top: var(--ds-size-18);
+
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: var(--ds-size-4);
+
+    & * {
+      width: 100%;
+    }
+  }
 }
 
 .preview {