From 53698b495a0bda86100320a1285fab37f3c9fb1e Mon Sep 17 00:00:00 2001
From: Kartikey Gupta <kartikeyf12@gmail.com>
Date: Mon, 15 Sep 2025 20:54:31 +0530
Subject: [PATCH 1/2] fix: improve footer alignment for Questions section

- Remove negative margins (-ml-2, -ml-0.5) causing misalignment
- Increase padding from p-4 to p-6 for better spacing
- Fix typo: Question? -> Questions?
- Remove unnecessary ml-0 class
- Enhance visual consistency and proper alignment

Signed-off-by: Kartikey Gupta <kartikeyf12@gmail.com>
---
 src/components/KeployCloud.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/KeployCloud.js b/src/components/KeployCloud.js
index 68b4bed1d..b0c792894 100644
--- a/src/components/KeployCloud.js
+++ b/src/components/KeployCloud.js
@@ -4,11 +4,11 @@ export const KeployCloud = () => {
   return (
     <section
       id="cloud"
-      className="mb-8 mt-12 flex max-w-7xl items-center space-x-5 rounded-lg bg-[color:var(--ifm-card-background-color)] p-5"
+      className="mb-8 mt-12 flex max-w-7xl items-center space-x-6 rounded-lg bg-[color:var(--ifm-card-background-color)] p-4 shadow-md -ml-2"
     >
-      <div className="prose prose-orange mx-auto max-w-3xl">
-        <h1> Question? 🤔💭</h1>
-        <p className="my-3 block">
+      <div className="prose prose-orange ml-0 max-w-3xl text-left">
+        <h1 className="text-left -ml-2"> Question? 🤔💭</h1>
+        <p className="my-3 block text-left -ml-0.5">
           For any support please{" "}
           <a
             href="https://join.slack.com/t/keploy/shared_invite/zt-357qqm9b5-PbZRVu3Yt2rJIa6ofrwWNg"

From f5d50b90b0c74677cdeb1a76e812ade35deefac7 Mon Sep 17 00:00:00 2001
From: Kartikey Gupta <kartikeyf12@gmail.com>
Date: Tue, 16 Sep 2025 19:16:41 +0530
Subject: [PATCH 2/2] fix: correct Questions section alignment by removing
 negative margins

Signed-off-by: Kartikey Gupta <kartikeyf12@gmail.com>
---
 src/components/KeployCloud.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/KeployCloud.js b/src/components/KeployCloud.js
index b0c792894..1650346c8 100644
--- a/src/components/KeployCloud.js
+++ b/src/components/KeployCloud.js
@@ -4,11 +4,11 @@ export const KeployCloud = () => {
   return (
     <section
       id="cloud"
-      className="mb-8 mt-12 flex max-w-7xl items-center space-x-6 rounded-lg bg-[color:var(--ifm-card-background-color)] p-4 shadow-md -ml-2"
+      className="mb-8 mt-12 flex max-w-7xl items-center space-x-6 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 shadow-md"
     >
-      <div className="prose prose-orange ml-0 max-w-3xl text-left">
-        <h1 className="text-left -ml-2"> Question? 🤔💭</h1>
-        <p className="my-3 block text-left -ml-0.5">
+      <div className="prose prose-orange max-w-3xl text-left">
+        <h1 className="text-left">Questions? 🤔💭</h1>
+        <p className="my-3 block text-left">
           For any support please{" "}
           <a
             href="https://join.slack.com/t/keploy/shared_invite/zt-357qqm9b5-PbZRVu3Yt2rJIa6ofrwWNg"