Merge pull request #655 from aggrhythm/main

Menu Card Layout changed
khushi-joshi-05 · May 30, 2024 · cb2684a · cb2684a
2 parents 3feb150 + 883123b
commit cb2684a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -175,7 +175,7 @@ <h1>"Get ready to explore our delicious range of dishes!"</h1>
         <div class="menu_items">
             <div class="items">
                 <img
-                    src="https://www.mumbailive.com/images/media/images/thali_1635502261446jpeg?bg=08394e&crop=5328%2C2991.157894736842%2C0%2C504.42105263157896&fit=crop&fm=webp&h=432.2807017543859&height=4000&w=770&width=5328">
+                    src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTjSkmP0glNOmYbWZWwz_BRxgwrA5HdZadphw&s">
                 <h3>Indian Thali</h3>
                 <p>Enjoy a thali full of traditional flavours and memotries</p>
             </div>
@@ -192,7 +192,7 @@ <h3>Snacks</h3>
                 <p>Have a lighter version with deliciouis flavours</p>
             </div>
             <div class="items">
-                <img src="https://static.india.com/wp-content/uploads/2017/04/Juices-Delhi.jpg">
+                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSaqAsoDyO5HBOSLupaimFGCkiE_zPbLYyYog&s">
                 <h3>Juices</h3>
                 <p>Boost yourself up with fruit extracts</p>
             </div>

diff --git a/style.css b/style.css
@@ -311,19 +311,21 @@ body {
   border-radius: 10px;
   text-align: center;
   font-family: "Bree Serif", serif;
-  transition: 0.3s all ease-in;
+  transition: 0.2s all ease-in;
 }
 
 .menu_items .items:hover {
   box-shadow: #212123 1px 1px 8px;
   cursor: pointer;
   scale: 1.02;
+  background-color: #ca8787;
 }
 
 .menu_items .items img {
   justify-content: center;
-  height: 270px;
+  height: 250px;
   width: 250px;
+  border-radius: 15px; 
 }
 
 .menu_items .items h3 {