Cornerstone

Flexbox Row

The flexbox row uses the Foundation XY Grid classes.

The flexbox snippet in Omni CMS transforms a table into a flexbox grid of rows and columns. By default, small screens use full width columns and large screens will have evenly divided columns.

<div class="grid-x grid-margin-x grid-margin-y">
    <div class="cell large-6">
        <a href="#" class="tcu-content-button _flex-1of2">
            <h2 class="tcu-content-button__title">Headline</h2>
            <div class="tcu-content-button__text">Content</div>
            <div class="tcu-content-button__arrow"></div>
        </a>
    </div>
    <div class="cell large-6">
        <a href="#" class="tcu-content-button _flex-1of2">
            <h2 class="tcu-content-button__title">Headline</h2>
            <div class="tcu-content-button__text">Content</div>
            <div class="tcu-content-button__arrow"></div>
        </a>
    </div>
</div>