Edit Cards

AQuadic · Dec 22, 2024 · bab3539 · bab3539
1 parent db19bc0
commit bab3539
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 9 deletions.
diff --git a/css/style.css b/css/style.css
@@ -583,7 +583,7 @@ html[dir="rtl"] .menu .item {
   margin-bottom: 8px;
 }
 .menu .item .name h2 {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   margin: 0;
 }
@@ -724,6 +724,21 @@ html[dir="rtl"]
 .menu.menu1 .owl-carousel .owl-stage-outer {
   padding: 60px 10px 20px;
 }
+
+@media (max-width: 400px) {
+  .menu .item {
+    max-width: 200px;
+  }
+  .menu .item h3 {
+    font-size: 12px;
+  }
+  .menu .item .add_to {
+    width: 150px;
+  }
+  .menu .item .price_customize {
+    flex-direction: column;
+  }
+}
 /*============================end menu======================*/
 
 /*============================mealModal==========================*/

diff --git a/index.html b/index.html
@@ -160,7 +160,7 @@ <h1 class="head_title">Exclusive Deals</h1>
     </div>
     <div class="menu">
       <div class="owl-carousel owl-theme">
-        <div class="item">
+        <div class="item excItem">
           <img src="./images/meal1.webp" class="img_meal" alt="meal" data-bs-toggle="modal"
             data-bs-target="#exampleModal">
           <div class="name">
@@ -189,7 +189,7 @@ <h3 class="f-s">Mighty Zinger Sandwich + Rizo + Coleslaw+ Drink</h3>
           </div>
         </div>
 
-        <div class="item">
+        <div class="item excItem">
           <img src="./images/meal2.webp" class="img_meal" data-bs-toggle="modal" data-bs-target="#exampleModal"
             alt="meal">
           <div class="name">
@@ -218,7 +218,7 @@ <h3 class="f-s">Mighty Zinger Sandwich + Rizo + Coleslaw+ Drink</h3>
           </div>
         </div>
 
-        <div class="item">
+        <div class="item excItem">
           <img src="./images/meal3.webp" class="img_meal" data-bs-toggle="modal" data-bs-target="#exampleModal"
             alt="meal">
           <div class="name">
@@ -247,7 +247,7 @@ <h3 class="f-s">Mighty Zinger Sandwich + Rizo + Coleslaw+ Drink</h3>
           </div>
         </div>
 
-        <div class="item">
+        <div class="item excItem">
           <img src="./images/meal4.webp" class="img_meal" data-bs-toggle="modal" data-bs-target="#exampleModal"
             alt="meal">
           <div class="name">
@@ -276,7 +276,7 @@ <h3 class="f-s">Mighty Zinger Sandwich + Rizo + Coleslaw+ Drink</h3>
           </div>
         </div>
 
-        <div class="item">
+        <div class="item excItem">
           <img src="./images/meal1.webp" class="img_meal" data-bs-toggle="modal" data-bs-target="#exampleModal"
             alt="meal">
           <div class="name">
@@ -305,7 +305,7 @@ <h3 class="f-s">Mighty Zinger Sandwich + Rizo + Coleslaw+ Drink</h3>
           </div>
         </div>
 
-        <div class="item">
+        <div class="item excItem">
           <img src="./images/meal2.webp" class="img_meal" data-bs-toggle="modal" data-bs-target="#exampleModal"
             alt="meal">
           <div class="name">
@@ -794,8 +794,8 @@ <h3>Select Your Beverage</h3>
       responsiveClass: true,
       responsive: {
         0: {
-          items: 1,
-          center: true,
+          items: 2,
+          center: false,
         },
         430: {
           items: 1.5,