btn Go up y meal-item margin movil display

JaviCalonge · Sep 25, 2024 · 10af171 · 10af171
1 parent 410dcaf
commit 10af171
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/script.js b/script.js
@@ -31,7 +31,7 @@ function getMealList () {
           </div>
           `
         })
-        footerBtn.innerHTML += `<a href="#home"><button class="btn-up">Get up</button></a>`
+        footerBtn.innerHTML += `<a href="#home"><button class="btn-up">Go up</button></a>`
         mealList.classList.remove("notFound")
       } 
       else {

diff --git a/style.css b/style.css
@@ -315,6 +315,21 @@ body{
         font-size: 1.2rem;
         margin: 0;
     }
+    .btn-up {
+        width: 60px;
+        height: 60px;
+        margin-right: 50px;
+        margin-bottom: 50px;
+    }
+}
+
+@media (max-width: 500px) {
+    .meal-item {
+        margin: 10px;
+    }
+    .meal-search-box{
+        width: 380px;
+    }
 }
 
 @media screen and (min-width: 600px){
-Original file line number
+Diff line change
@@ Expand Up / @@ -31,7 +31,7 @@ function getMealList () { @@
               </div>
               `
             })
-            footerBtn.innerHTML += `<a href="#home"><button class="btn-up">Get up</button></a>`
+            footerBtn.innerHTML += `<a href="#home"><button class="btn-up">Go up</button></a>`
             mealList.classList.remove("notFound")
           }
           else {
@@ Expand Down @@