From 2d1f820451f3d3b696be9860f834238fedb57608 Mon Sep 17 00:00:00 2001
From: "Prad Nukala (aider)" <prad@sonr.io>
Date: Tue, 10 Dec 2024 13:56:16 -0500
Subject: [PATCH] feat: Make input rows responsive with grid layout for mobile
 and desktop

---
 internal/gateway/handlers/register/forms.templ | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/internal/gateway/handlers/register/forms.templ b/internal/gateway/handlers/register/forms.templ
index 94026efc8..5da636419 100644
--- a/internal/gateway/handlers/register/forms.templ
+++ b/internal/gateway/handlers/register/forms.templ
@@ -10,10 +10,10 @@ templ formCreateProfile(action string, method string, data CreateProfileData) {
 					<sl-progress-bar value="50"></sl-progress-bar>
 				</div>
 			</div>
-			@layout.Rows() {
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
 				<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus></sl-input>
 				<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial"></sl-input>
-			}
+			</div>
 			@layout.Spacer()
 			<sl-input name="handle" placeholder="digitalgold" type="text" label="Handle" minlength="4" maxlength="12" required>
 				<div slot="prefix">