From 83b8fc597ae108c13d35b49b40ecd1decfd8049f Mon Sep 17 00:00:00 2001
From: "Prad Nukala (aider)" <prad@sonr.io>
Date: Wed, 11 Dec 2024 13:40:18 -0500
Subject: [PATCH] style: Improve mobile responsiveness for Container component

---
 pkg/common/styles/layout/container.templ | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pkg/common/styles/layout/container.templ b/pkg/common/styles/layout/container.templ
index a3f4c9413..ff39c7d64 100644
--- a/pkg/common/styles/layout/container.templ
+++ b/pkg/common/styles/layout/container.templ
@@ -8,10 +8,10 @@ templ Columns() {
 }
 
 templ Container() {
-	<div id="container" class="flex fixed inset-0 z-[99] w-screen h-screen">
-		<div class="relative flex flex-wrap items-center w-full h-full px-8">
-			<div class="relative w-full max-w-screen-lg mx-auto lg:mb-0">
-				<div class="flex flex-col items-center justify-center h-full">
+	<div id="container" class="flex fixed inset-0 z-[99] w-screen min-h-screen">
+		<div class="relative flex flex-wrap items-center w-full min-h-full px-4 py-6 sm:px-6 md:px-8">
+			<div class="relative w-full max-w-screen-lg mx-auto">
+				<div class="flex flex-col items-center justify-center min-h-full gap-4">
 					{ children... }
 				</div>
 			</div>