Mobile
Tablet
Desktop
Example column layouts
1 column
Column 1
2 columns (desktop) → 1 column (tablet + mobile)
Column 1
Column 2
2 columns (desktop + tablet) → 1 column (mobile)
Column 1
Column 2
3 columns (desktop) → 1 (tablet + mobile)
Column 1
Column 2
Column 3
3 columns (desktop) → 2 + 1 (tablet) → 1 (mobile)
Column 1
Column 2
Column 3
2 columns 75:25 split (desktop) → 1 (mobile)
Column 1
Column 2
2 columns 75:25 split (desktop) → 2 columns 50:50 split (tablet) → 1 (mobile)
Column 1
Column 2
2 columns 25:75 split (desktop) → 1 (mobile)
Column 1
Column 2
2 columns 25:75 split (desktop) → 2 columns 50:50 split (tablet) → 1 (mobile)
Column 1
Column 2
3 columns 25:25:50 split (desktop) → 2 columns 50:50 split + 1 column (tablet) → 1 (mobile)
Column 1
Column 2
Column 3