Three Up Layout
Creates a three-column layout using flexbox. The columns stack below breakpoint small (~880px).
Column
Column
Column
<section class="l-three-up">
<div class="l-three-up__col" style="text-align: center; padding: 2rem 4rem; background-color: #ddd">
Column
</div>
<div class="l-three-up__col" style="text-align: center; padding: 2rem 4rem; background-color: #ddd">
Column
</div>
<div class="l-three-up__col" style="text-align: center; padding: 2rem 4rem; background-color: #ddd">
Column
</div>
</section>