Facts
Example
See Kitchen Sink.
Code
HTML
<section class="facts">
<div class="grid-xxl">
<div class="the-fact">
Our average undergraduate class size is 26 students.
</div>
</div>
</section>
1
2
3
4
5
6
7
2
3
4
5
6
7
CSS
.grid-xxl {
margin: 0 auto;
max-width: 90rem;
padding: 0 0.9375rem;
}
.facts {
background-color: #384558;
background-image: url('/fact-bg.png');
background-position: center;
padding: 5.625rem 0;
}
.facts .the-fact {
color: #ffcb05;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2.25rem;
text-align: left;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18