From 492139942c59c98766a1f81bc4e0f4a520c828d3 Mon Sep 17 00:00:00 2001
From: Akash Bag <110753356+akash0708@users.noreply.github.com>
Date: Tue, 24 Oct 2023 10:38:51 +0530
Subject: [PATCH 1/3] fix: Hero section styling fixed, made responsive accross
 all devices

---
 frontend/src/Hero.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index 34347c09..24fec7c2 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -17,9 +17,9 @@ export default function Hero({ className = '' }: { className?: string }) {
         Start by entering your query in the input field below and we will do the
         rest!
       </p>
-      <div className="sections mt-8 flex flex-wrap items-center justify-center sm:gap-1 md:gap-0  ">
-        <div className="mr-4 mb-4 h-[224px] rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1">
-          <div className="h-full rounded-[21px] bg-white p-6">
+      <div className="sections mt-8 flex flex-col items-center justify-center gap-1 sm:gap-0 lg:flex-row">
+        <div className="relative mb-4 h-[224px] rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-r-none">
+          <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-r-none">
             <img
               src="/message-text.svg"
               alt="lock"
@@ -35,8 +35,8 @@ export default function Hero({ className = '' }: { className?: string }) {
           </div>
         </div>
 
-        <div className="mr-4 mb-4 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1">
-          <div className="h-full rounded-[21px] bg-white p-6">
+        <div className="relative mb-4 rounded-[25px] bg-gradient-to-r from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-none lg:px-0">
+          <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-none">
             <img src="/lock.svg" alt="lock" className="h-[24px] w-[24px]" />
             <h2 className="mt-2 mb-3 text-lg font-bold">Secure Data Storage</h2>
             <p className=" w-[250px] text-xs text-gray-500">
@@ -47,8 +47,8 @@ export default function Hero({ className = '' }: { className?: string }) {
             </p>
           </div>
         </div>
-        <div className="mb-4 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1">
-          <div className="h-full rounded-[21px] bg-white p-6">
+        <div className="relative mb-4 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 lg:rounded-l-none">
+          <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-l-none">
             <img
               src="/message-programming.svg"
               alt="lock"

From 5f03f905827ba8cda7ce7b95eaff8e75367d54ec Mon Sep 17 00:00:00 2001
From: Akash Bag <110753356+akash0708@users.noreply.github.com>
Date: Fri, 27 Oct 2023 16:35:59 +0530
Subject: [PATCH 2/3] fix: fixed styling for firefox

---
 frontend/src/Hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index 24fec7c2..e411ab8d 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -18,7 +18,7 @@ export default function Hero({ className = '' }: { className?: string }) {
         rest!
       </p>
       <div className="sections mt-8 flex flex-col items-center justify-center gap-1 sm:gap-0 lg:flex-row">
-        <div className="relative mb-4 h-[224px] rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-r-none">
+        <div className="relative mb-4 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-r-none">
           <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-r-none">
             <img
               src="/message-text.svg"

From d2e4d6ecf05743ead6242926caf29f7076d4fbfe Mon Sep 17 00:00:00 2001
From: Akash Bag <110753356+akash0708@users.noreply.github.com>
Date: Sat, 28 Oct 2023 11:01:50 +0530
Subject: [PATCH 3/3] fix: fixed bug due to change in number of lines of text

---
 frontend/src/Hero.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index e411ab8d..4df9d109 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -18,7 +18,7 @@ export default function Hero({ className = '' }: { className?: string }) {
         rest!
       </p>
       <div className="sections mt-8 flex flex-col items-center justify-center gap-1 sm:gap-0 lg:flex-row">
-        <div className="relative mb-4 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-r-none">
+        <div className="relative mb-4 h-60 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-r-none">
           <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-r-none">
             <img
               src="/message-text.svg"
@@ -35,7 +35,7 @@ export default function Hero({ className = '' }: { className?: string }) {
           </div>
         </div>
 
-        <div className="relative mb-4 rounded-[25px] bg-gradient-to-r from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-none lg:px-0">
+        <div className="relative mb-4 h-60 rounded-[25px] bg-gradient-to-r from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 sm:mr-0 lg:rounded-none lg:px-0">
           <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-none">
             <img src="/lock.svg" alt="lock" className="h-[24px] w-[24px]" />
             <h2 className="mt-2 mb-3 text-lg font-bold">Secure Data Storage</h2>
@@ -47,7 +47,7 @@ export default function Hero({ className = '' }: { className?: string }) {
             </p>
           </div>
         </div>
-        <div className="relative mb-4 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 lg:rounded-l-none">
+        <div className="relative mb-4 h-60 rounded-[25px] bg-gradient-to-l from-[#6EE7B7]/70 via-[#3B82F6] to-[#9333EA]/50 p-1 lg:rounded-l-none">
           <div className="h-full rounded-[21px] bg-white p-6 lg:rounded-l-none">
             <img
               src="/message-programming.svg"