Source: dist/css/layout_demo.css, line 914
Example
Default styling
Certified Education
Lorem ipsum dolor sit amet consectetur adipisicing elit. At labore dignissimos alias ratione blanditiis voluptatem tempora quod repellendus, maxime distinctio consequatur dicta cupiditate saepe fuga voluptatibus ad, veritatis laudantium? Ab!
<div class="flex flex_column flex_row:md gap-x_4">
<aside class="br-b_2 br_none:md br_primary-3 br_solid c_acc-n1 flex_none font_10:md font_5 m-b_n3 m-t_4:md p-r_0:md p_4 self_start:md self_strech text_center">
<span class="fa-stack m-x_2 m-y_3">
<i class="fa-certificate fa-stack-2x fas text-shadow_black-1"></i>
<i style="font-size:85%" class="c_white fa-book-reader fa-stack-1x fas text-shadow_black-n1"></i>
</span>
</aside>
<main class="flex_auto br-l_1 br_black-2 br_none br_solid:md p-l_5:md p_4">
<div class="c_primary-n2 font_5 font_display">Certified Education</div>
<p class="lh_2 font_1 p-b_3">Lorem ipsum dolor sit amet consectetur adipisicing elit. At labore dignissimos alias ratione blanditiis voluptatem tempora quod repellendus, maxime distinctio consequatur dicta cupiditate saepe fuga voluptatibus ad, veritatis laudantium? Ab!</p>
<section>
<a href="" class="btn_acc-primary h:undecorated undecorated m-t_0:md m-t_3 shadow_overlap-light w_100 w_auto:md">Learn More <i class="fas fa-chevron-right"></i></a>
</section>
</main>
</div>