Full width, two column layout
| Screen size | Content width |
|---|---|
| XS | 200-452px |
| S | 460-690px |
| M | 315-430px / 691-920px |
| L | 450px |
| XL | 570px |
Some quite long and wordy subtitle, so that it spans multiple lines
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. In rutrum.
Screen sizes
| Screen size | Breakpoint | Content width |
|---|---|---|
| XS | margin 30px → ~300-452px | |
| S | ≥512px | 90% → 460-690px |
| M | ≥768px | 90% → 691-920px |
| L | ≥1024px | 960px |
| XL | ≥1366px | 1200px |
