Sections
Sections are used to create variations in style as a user scrolls through content. They offer different colored backgrounds to break up content as well as spacing to give your design more whitespace. You can see an example on our homepage where we’ve switched between a white background, gray background, and yellow background.
Code Example:
<section class="section-primary">
<!-- Content -->
</section>
<section class="section-secondary">
<!-- Content -->
</section>
<section class="section-tertiary">
<!-- Content -->
</section>