Update style.css

style.css

@@ -65,12 +65,14 @@ body {
 .currency-box {
     margin: 10px 0;
     width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start; /* Align left */
 }
 
 .currency-box label {
     font-weight: bold;
     font-size: 16px;
-    display: block;
     margin-bottom: 5px;
 }
 
@@ -86,11 +88,11 @@ body {
 
 .currency-select {
     display: flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: flex-start;
     width: 100%;
-    flex-wrap: wrap; /* Allows wrap on small screens */
     margin: 20px 0;
+    flex-wrap: wrap;
 }
 
 .currency-group {
@@ -171,6 +173,7 @@ body {
     justify-content: center;
     margin-top: 20px;
     flex-wrap: wrap;
+    gap: 20px;
 }
 
 .step {
@@ -200,13 +203,18 @@ body {
 }
 
 @media screen and (max-width: 768px) {
-    .steps {
+    .currency-select {
         flex-direction: column;
+        align-items: center;
     }
 
-    .currency-select {
+    .currency-group {
+        width: 100%;
+        max-width: 200px;
+    }
+
+    .steps {
         flex-direction: column;
-        align-items: center;
     }
 
     .currency-box input,