From 1a257c5f4fb5c033f8ff4f1680dc022f54fbb8a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Sun, 12 Jun 2022 19:55:49 +0200
Subject: [PATCH] Fix mobile styles for banner content

---
 styles/components/_banner.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/styles/components/_banner.scss b/styles/components/_banner.scss
index 6f53d78..0583100 100644
--- a/styles/components/_banner.scss
+++ b/styles/components/_banner.scss
@@ -38,7 +38,6 @@
 		flex-direction: column;
 		align-items: flex-start;
 		position: relative;
-		padding: layout.$normal-gap max(#{layout.$large-gap}, 15vw);
 
 		> div {
 			display: inline-block;
@@ -58,6 +57,11 @@
 			> p:last-child {
 				margin-bottom: 0;
 			}
+
+			> p {
+				margin-left: 0;
+				margin-right: 0;
+			}
 		}
 
 		> .title {
@@ -71,5 +75,9 @@
 				background-color: colors.$orange-500;
 			}
 		}
+
+		@media screen and (min-width: layout.$breakpoint) {
+			padding: layout.$normal-gap max(#{layout.$large-gap}, 15vw);
+		}
 	}
 }