diff --git a/donate.html b/donate.html
index 14fd811..50d56bf 100644
--- a/donate.html
+++ b/donate.html
@@ -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>
@@ -460,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>
diff --git a/mobileView.css b/mobileView.css
index 6693648..2603d81 100644
--- a/mobileView.css
+++ b/mobileView.css
@@ -28,4 +28,4 @@
     margin: 10px auto;
     flex-direction: column;
   }
-}
\ No newline at end of file
+}