From 047934b7c506a2fc7d3a00c6f46e945ad042909c Mon Sep 17 00:00:00 2001
From: its-michaelroy <72664547+its-michaelroy@users.noreply.github.com>
Date: Thu, 5 Sep 2024 13:17:48 -0400
Subject: [PATCH] resolving responsive design of form and buttons

---
 assets/css/main.css | 9 +++++++++
 index.html          | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index e0ae505..a22ed04 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1965,6 +1965,15 @@ textarea {
   width: 100%;
 }
 
+/* Styles for hCaptcha on mobile screens */
+@media (max-width: 767px) {
+  .h-captcha {
+    width: 100%;
+    transform: scale(0.77); /* Adjust the scale as needed */
+    transform-origin: left top; /* Ensure the hCaptcha is aligned to the left */
+  }
+}
+
 input[type="text"]:invalid,
 input[type="password"]:invalid,
 input[type="email"]:invalid,
diff --git a/index.html b/index.html
index 0ef7226..b08780f 100644
--- a/index.html
+++ b/index.html
@@ -278,7 +278,7 @@
                   required
                 ></textarea>
               </div>
-              <div class="col-12">
+              <div class="col-6 col-12-xsmall">
                 <div
                   class="h-captcha"
                   data-captcha="true"