Example · Beginner
Responsive article page
A complete semantic article pattern with a fluid reading measure, responsive type, and no JavaScript dependency.
- Author
- Editorial team
- Reviewer
- Publication review pending
- Review tier
- 180-day
What this demonstrates
The document uses an article, a visible heading hierarchy, a fluid shell, and
a bounded reading measure. It remains readable when CSS fails.
Important decisions
The title and heading serve different contexts but describe the same resource. Font sizes use fluid limits rather than a device list. No fixed width can force ordinary page content beyond a narrow viewport.
Test notes
- Keyboard: no interactive trap.
- Responsive: checked conceptually at 320, 768, and 1440 CSS pixels.
- Dependencies: none.
Known limitation
This focused sample does not demonstrate responsive images or a complete site footer.