---
layout: cypress
title: Grid/Columns
widths:
- three-quarters
- two-thirds
- half
- one-third
- one-quarter
- one-fifth
- two-fifths
- three-fifths
- four-fifths
---
{% capture columns %}
First column
Second column
Third column
Fourth column
{% endcapture %}
{% capture twelve_columns %}
{% for i in (1..12) %}
Column {{ i }}
{% endfor %}
{% endcapture %}
{% capture special_columns %}
Column narrow
Column full
{% for width in page.widths %}
Column {{ width }}
Column {{ width }}
{% endfor %}
{% endcapture %}
{{ columns }}
{{ columns }}
{{ columns }}
{{ columns }}
{{ columns }}
{{ twelve_columns }}
{{ twelve_columns }}
{{ twelve_columns }}
{{ special_columns }}