Add the featured-in section.

Author: quechau

starter/07-Omnifood-Desktop/content/css/style.css

@@ -117,6 +117,34 @@
   font-weight: 700;
 }
 
+/***************************/
+/* FEATURED IN SECTION */
+/***************************/
+.section-featured {
+  padding: 4.8rem 0;
+}
+
+.heading-featured-in {
+  font-size: 1.4rem;
+  text-transform: uppercase;
+  letter-spacing: 0.75px;
+  font-weight: 500;
+  text-align: center;
+  margin-bottom: 2.4rem;
+  color: #000;
+}
+
+.logos {
+  display: flex;
+  justify-content: space-around;
+}
+
+.logos img {
+  height: 3.2rem;
+  filter: brightness(0);
+  opacity: 50%;
+}
+
 /***************************/
 /* HOW IT WORKS SECTION */
 /***************************/

starter/07-Omnifood-Desktop/content/index.html

@@ -69,6 +69,27 @@ <h1 class="heading-primary">
           </div>
         </div>
       </section>
+
+      <!-- FEATURED IN SECTION -->
+      <section class="section-featured">
+        <div class="container">
+          <h2 class="heading-featured-in">As featured in</h2>
+          <div class="logos">
+            <img src="img/logos/techcrunch.png" alt="Techcrunch logo" />
+            <img
+              src="img/logos/business-insider.png"
+              alt="Business Insider logo"
+            />
+            <img
+              src="img/logos/the-new-york-times.png"
+              alt="The New York Times logo"
+            />
+            <img src="img/logos/forbes.png" alt="Forbes logo" />
+            <img src="img/logos/usa-today.png" alt="USA Today logo" />
+          </div>
+        </div>
+      </section>
+
       <section class="section-how">
         <div class="container">
           <span class="subheading">How it works</span>