File tree Expand file tree Collapse file tree 2 files changed +41
-0
lines changed
starter/07-Omnifood-Desktop Expand file tree Collapse file tree 2 files changed +41
-0
lines changed Original file line number Diff line number Diff line change @@ -88,6 +88,19 @@ <h1 class="heading-primary">
88
88
</ div >
89
89
</ section >
90
90
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
+
91
104
< section class ="section-how ">
92
105
< div class ="container ">
93
106
< span class ="subheading "> How it works</ span >
Original file line number Diff line number Diff line change @@ -307,4 +307,32 @@ body {
307
307
308
308
.step-img {
309
309
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% ;
310
338
}
You can’t perform that action at this time.
0 commit comments