From 4d91da42317d62b9c0d7bcb71f358f36da8a202f Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Thu, 20 Jun 2024 19:39:53 +0100
Subject: [PATCH] Fix overflow on small screens

---
 src/hero/index.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/hero/index.scss b/src/hero/index.scss
index 7baacf2..1551658 100644
--- a/src/hero/index.scss
+++ b/src/hero/index.scss
@@ -17,16 +17,17 @@ $bleed-ratio: 0.2;
   align-items: flex-end;
 
   .details-wrapper {
-    padding: 1rem;
     background-color: rgba(0, 0, 0, 0.4);
     color: white;
     line-height: 1;
-    width: 100%;
+    width: calc(100% - 2rem);
+    padding: 0 1rem;
   }
 
   .details {
     width: $content-width;
-    margin: 0 auto;
+    max-width: 100%;
+    margin: 1rem auto;
 
     h1 {
       margin: 0;