adjust for mobile size

ankit071105 · Oct 24, 2024 · 73cd211 · 73cd211
1 parent e68ad3e
commit 73cd211
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/buy.html b/buy.html
@@ -456,13 +456,37 @@ <h2>Book Your Ticket</h2>
   }
 
   .form-group {
+    flex-direction: row;
+  }
+  .form-group input,
+  .form-group select {
+    width: 65%;
+  }
+}
+@media (max-width: 580px){
+  .container {
     flex-direction: column;
   }
 
+  .right-section {
+    width: 100vw;
+  }
+
+  .form-group {
+    flex-direction: column;
+    justify-content: left;
+    align-items: baseline;
+    gap: 10px;
+    margin-bottom:10px;
+  }
   .form-group label,
   .form-group input,
   .form-group select {
     width: 100%;
+    padding: 10px 0px;
+  }
+  .form-group select{
+    cursor: pointer;
   }
 }