Skip to content

Commit 165af13

Browse files
Featured In section complete
1 parent 208dd79 commit 165af13

File tree

2 files changed

+41
-0
lines changed

2 files changed

+41
-0
lines changed

starter/07-Omnifood-Desktop/index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,19 @@ <h1 class="heading-primary">
8888
</div>
8989
</section>
9090

91+
<section class="section-featured">
92+
<div class="container">
93+
<h2 class="heading-featured-in">As Featured In</h2>
94+
<div class="logos">
95+
<img src="./content/img/logos/business-insider.png" alt="">
96+
<img src="./content/img/logos/forbes.png" alt="">
97+
<img src="./content/img/logos/techcrunch.png" alt="">
98+
<img src="./content/img/logos/the-new-york-times.png" alt="">
99+
<img src="./content/img/logos/usa-today.png" alt="">
100+
</div>
101+
</div>
102+
</section>
103+
91104
<section class="section-how">
92105
<div class="container">
93106
<span class="subheading">How it works</span>

starter/07-Omnifood-Desktop/style.css

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -307,4 +307,32 @@ body {
307307

308308
.step-img{
309309
width: 30%;
310+
}
311+
312+
/* *************************** */
313+
/* Featured Section */
314+
/* **************************** */
315+
316+
.section-featured{
317+
padding: 4.8rem 0 3.2rem 0;
318+
}
319+
320+
.heading-featured-in{
321+
font-size: 1.4rem;
322+
letter-spacing: 0.75px;
323+
font-weight: 500;
324+
margin-bottom: 2.4rem;
325+
text-transform: uppercase;
326+
text-align: center;
327+
}
328+
329+
.logos{
330+
display: flex;
331+
justify-content: space-around;
332+
}
333+
334+
.logos img{
335+
height: 3.2rem;
336+
filter: brightness(0);
337+
opacity: 60%;
310338
}

0 commit comments

Comments
 (0)