Two Up Layout
Creates a two-column layout using flexbox
Column
Column
.l-two-up--30-70
Two column layout with left column is 30% wide
Column
Column
.l-two-up--70-30
Two column layout with left column is 70% wide
Column
Column
{{ attach_library('h4h_theme/l-two-up') }}
{% block header%}
<section class="l-two-up {{ modifier_class }}">
{% endblock %}
<div class="l-two-up__col l-padded {{ child_modifier_class }}" style="{{ kss_inline_styles }}">
{% block right %}
Column
{% endblock %}
</div>
<div class="l-two-up__col l-padded {{ child_modifier_class }}" style="{{ kss_inline_styles }}">
{% block left %}
Column
{% endblock %}
</div>
</section>