fix mobile styling

ausspeedruns · Jan 21, 2024 · 2d66e00 · 2d66e00
1 parent efa84de
commit 2d66e00
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/apps/nextjs/components/ComponentBlocks/custom-renders.module.scss b/apps/nextjs/components/ComponentBlocks/custom-renders.module.scss
@@ -1,4 +1,11 @@
+@import "./colors.scss";
+@import "./responsive.scss";
+
 .paragraph {
 	max-width: 750px;
 	margin: 2rem auto;
-}
+
+	@media (max-width: 790px) {
+		margin: 2rem;
+	}
+}
diff --git a/apps/nextjs/components/ComponentBlocks/event-page.module.scss b/apps/nextjs/components/ComponentBlocks/event-page.module.scss
@@ -146,4 +146,5 @@
 	position: relative;
 	margin: auto;
 	display: block;
+	max-width: 100%;
 }