favourite meal part 2

Author: FahimFBA

index.html

@@ -126,7 +126,7 @@ <h3>Order  anything</h3>
                   </li>
                   <li>
                       <figure class="meal-photo">
-                          <img src="resources/img/Hydrabadi%20biriyani.jpg"  alt="Hydrabadi biriyani" >
+                          <img src="resources/img/Grilled%20Lobster.jpg"  alt="Grilled Lobster" >
                       </figure>
                   </li>
                   <li>

resources/css/style.css

@@ -226,10 +226,22 @@ header {
 }
 
 
+/* ------------------------------------------- */
+/* FEATURES */
+/* ------------------------------------------- */
+
+.section-features .long-copy {
+    margin-bottom: 30px;
+}
+
+
 /* ------------------------------------------- */
 /* MEALS */
 /* ------------------------------------------- */
 
+.section-meals {
+    padding: 0;
+}
 
 .meals-showcase {
     list-style: none;
@@ -246,13 +258,34 @@ header {
 .meal-photo {
     width: 100%;
     margin: 0;
+    overflow: hidden;
+    background-color: #000;
 }
 
 .meal-photo img {
+    opacity: 0.7;
     width: 100%;
+    height: auto;
+    transform: scale(1.15);
+    transition: transform 0.5s, opacity 0.5s;
+}
+
+.meal-photo img:hover {
+    opacity: 1;
+    transform: scale(1.03);
 }
 
 
 
 
 
+
+
+
+
+
+
+
+
+
+