Add files via upload

falvarado7 · Feb 5, 2024 · 66417c3 · 66417c3
1 parent 35cb697
commit 66417c3
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/style.css b/style.css
@@ -43,7 +43,7 @@ main img {
 
 .item {
   flex: 1;
-  margin: 10px;
+  margin: 5px;
 }
 
 .item-double {
@@ -87,20 +87,18 @@ header nav ul li a:hover {
 /* -------  Search Form -------*/ 
 form {
   border: 2px solid #ff385c;
+  flex-wrap: wrap;
   padding: 10px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
 }
 
 form label {
   font-weight: bold;
-  padding-right: 10px;
+  padding-bottom: 5px;
 }
 
-.form-row {
-  display: flex;
-  justify-content: space-between;
+form select, form input {
+  margin-bottom: 20px;
+  width: 200px;
 }
 
 form button {
@@ -127,7 +125,7 @@ footer p {
 
 /* -------  Media Query -------*/
 
-@media all and (min-width: 1000px) {
+@media all and (min-width: 768px) {
   header {
     display: flex;
     justify-content: space-between;
@@ -138,21 +136,22 @@ footer p {
     display: flex;
     align-items: center;
     flex-direction: row;
-    justify-content: center;
-    padding: 10px 10px 10px 10px; 
+    justify-content: center; 
+  }
+
+  form select, form input {
+    margin-bottom: 0px;
   }
 
   form button {
-    justify-content: center;
+    flex: 1;
   }
 
   form div {
-    display: flex;
     flex-direction: column;
   }
 
   .form-row {
-    padding-right: 25px;
     justify-content: center;
   }
 
@@ -170,7 +169,6 @@ footer p {
 
   .item {
     flex: 1;
-    margin: 15px;
   }
 
   .item-double {