From 0e941bf8e00ac8bfa81f7a480276656215674756 Mon Sep 17 00:00:00 2001
From: Pymmog <56021221+Pymmog@users.noreply.github.com>
Date: Thu, 27 Feb 2025 15:06:36 +0100
Subject: [PATCH] fixes mobile horizontal scrolling

---
 public/global.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/global.css b/public/global.css
index 387b730..04b8d62 100644
--- a/public/global.css
+++ b/public/global.css
@@ -180,7 +180,7 @@ nav {
 }
 
 @keyframes alert {
-	0% {box-shadow: 0 0 0 0px var(--primary-a);}
+	0% {box-shadow: 0 0 0 0 var(--primary-a);}
 	80% {box-shadow: 0 0 0 8px var(--primary-a), 0 0 0 5px var(--primary-a);}
 	100% {box-shadow: 0 0 0 8px var(--primary-a2), 0 0 0 10px var(--primary-a2);}
 }
@@ -243,8 +243,9 @@ nav {
 
 @media screen and (max-width: 600px) {
 	.main-grid {
-		grid-template-columns: repeat(auto-fit, minmax(320px, 320px));
+		grid-template-columns: repeat(auto-fit, minmax(222px, 320px));
 		justify-content: center;
+		overflow-x: hidden;
 	}
 }
 
@@ -638,5 +639,5 @@ aside::-webkit-scrollbar {
 	.note {
 		display: none;
 	}
-	
+
 }