A shortcode is available ({{% sidebyside %}}) in order to have content, within a single file, in two different columns that are side by side.
Create side-by-side content by using the following:
<div class="side-by-side">
<div style="float:left; width:50%">
Content you want on the left hand side of the site
</div>
<div style="float:right; width:50%">
Content you want on the right hand side of the site
</div>
</div>
Note:
--split-content--is where the content is to be split between left and right. Without this keyword the site will fail to render the two columns correctly