Split two text based elements up horizontally, creating content on the left and right. Anything more complex, and you probably need to use the Grid object.
<div class="o-split">
<div class="o-split__title">Left Content</div>
Right Content
</div>Split text elements at a certain breakpoint, use the global breakpoint suffix’s.
<div class="o-split">
<div class="o-split__title-@bp1">Left Content</div>
Right Content
</div><div class="o-split">
<div class="o-split__title-@bp2">Left Content</div>
Right Content
</div><div class="o-split">
<div class="o-split__title-@bp3">Left Content</div>
Right Content
</div><div class="o-split">
<div class="o-split__title-@bp4">Left Content</div>
Right Content
</div>