Homepage Grid — Column Settings

Configure the 3 column sizes used in the 12-column grid (desktop only). Mobile always uses full width.

{% for key in [1, 2, 3] %} {% set val = attribute(settings, 'colSpan' ~ key) ?? (key == 1 ? 2 : (key == 2 ? 4 : 6)) %}

Size {{ key }} — md:col-span-{{ val }}

{% if key == 1 %}Small blocks (2 can stack vertically) {% elseif key == 2 %}Medium blocks {% else %}Large blocks (1/2 width) {% endif %}

{% endfor %}

Heights for desktop. Small × 2 = Large, so two small blocks can sit side-by-side matching one large block.

Small Height

Large Height