Flexible Content Row

{% set additionalClasses = 'flexible-content-row flex flex-col' %}
<div class="standard-grid">
    {% if flexible_content_row.grid_definition == 'full' %}
        <div class="col-span-12 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content }}
        </div>
    {% elseif flexible_content_row.grid_definition == 'centered_article' %}
    <div class="col-span-12 sm:col-span-10 sm:col-start-2 md:col-span-8 md:col-start-4 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content }}
    </div>
    {% elseif flexible_content_row.grid_definition == 'centered_article_full' %}
        <div class="col-span-12 sm:col-span-10 sm:col-start-2 md:col-span-9 md:col-start-4 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content }}
        </div>
    {% elseif flexible_content_row.grid_definition == 'half' %}
        <div class="col-span-12 sm:col-span-6 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content_left }}
        </div>
        <div class="col-span-12 sm:col-span-6 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content_right }}
        </div>
    {% elseif flexible_content_row.grid_definition == 'one_third__two_third' %}
        <div class="col-span-12 sm:col-span-4 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content_left }}
        </div>
        <div class="col-span-12 sm:col-span-8 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content_right }}
        </div>
    {% elseif flexible_content_row.grid_definition == 'two_third__one_third' %}
        <div class="col-span-12 sm:col-span-8 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content_left }}
        </div>
        <div class="col-span-12 sm:col-span-4 {{ additionalClasses }}">
            {{ flexible_content_row.grid_content_right }}
        </div>
    {% endif %}
</div>