From c344cd49d92e25e49ebe29b994c1c9d71825ff98 Mon Sep 17 00:00:00 2001
From: suryanra <suryapratapnra@gmail.com>
Date: Sat, 12 Oct 2024 15:00:25 +0530
Subject: [PATCH 1/2] enchancing the UI of donate form and making it responsive

---
 donate.html    | 21 ++++++++++++++++++---
 mobileView.css |  2 +-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/donate.html b/donate.html
index 14fd8113..4c9f2562 100644
--- a/donate.html
+++ b/donate.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="./style.css">
   <link rel="stylesheet" href="./introSection.css">
   <link rel="stylesheet" href="./navbar.css">
-  <link rel="stylesheet" href="./mobileView.css">
+  <link rel="stylesheet" href="./mobilaeView.css">
   <link rel="icon" type="image/x-icon" href="/Assets/Images/logo.ico">
   <script defer src="https://unpkg.com/alpinejs@3.2.4/dist/cdn.min.js"></script>
   <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
@@ -103,6 +103,21 @@
       background-color: #080300;
 
     }
+    @media (max-width:700px){
+    .mobile_responsive{
+    background-color: rgb(59, 124, 220);
+    display: flex;
+    flex-direction: column;
+    }
+    .mobile_responsive div{
+    width:100%;
+    background-color: rgb(59, 124, 220);
+    display: flex;
+    flex-direction: column;
+    
+  }
+
+}
   </style>
 </head>
 
@@ -191,10 +206,10 @@ <h1 class="sm:text-3xl text-2xl donate-h1 font-medium title-font mb-4 text-amber
           Fill up the form below and donate your pets.
         </p>
       </div>
-      <form id="survey-form" action="https://formspree.io/f/xayaokzl" method="POST" name="survey-form"
+      <form id="survey-form" action="https://formspree.io/f/xayaokzl" method="POST" name="survey-form" class="survey-form"
         onsubmit="return validateForm()">
         <div class="lg:w-1/2 md:w-2/3 mx-auto">
-          <div class="flex flex-wrap -m-2">
+          <div class="flex flex-wrap -m-2 mobile_responsive">
             <div class="p-2 w-1/2">
               <div class="relative">
                 <label for="name" class="leading-7 text-sm text-gray-900">Full Name</label>
diff --git a/mobileView.css b/mobileView.css
index 66936482..2603d81f 100644
--- a/mobileView.css
+++ b/mobileView.css
@@ -28,4 +28,4 @@
     margin: 10px auto;
     flex-direction: column;
   }
-}
\ No newline at end of file
+}

From 8364b692921c318c9f46c2111d84ab59f32f3337 Mon Sep 17 00:00:00 2001
From: Surya pratap singh <142992104+Suryanra@users.noreply.github.com>
Date: Sun, 13 Oct 2024 12:14:56 +0530
Subject: [PATCH 2/2] Update donate.html

---
 donate.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/donate.html b/donate.html
index 4c9f2562..50d56bf4 100644
--- a/donate.html
+++ b/donate.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="./style.css">
   <link rel="stylesheet" href="./introSection.css">
   <link rel="stylesheet" href="./navbar.css">
-  <link rel="stylesheet" href="./mobilaeView.css">
+  <link rel="stylesheet" href="./mobileView.css">
   <link rel="icon" type="image/x-icon" href="/Assets/Images/logo.ico">
   <script defer src="https://unpkg.com/alpinejs@3.2.4/dist/cdn.min.js"></script>
   <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
@@ -475,4 +475,4 @@ <h3 class="text-2xl text-center">Subscribe to our newsletter</h3>
   <script src="light-dark-theme.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>