A small screen changes the relationship between text, navigation, and images. The page should make room for the content rather than shrink every desktop element into the same arrangement.
Comfortable type, useful spacing, and clear controls help a reader move through the page. A link or button needs enough room to be selected without accidental taps.
Test with actual content, including a long title and a meaningful paragraph. The layout should support the range of stories it is asked to hold.
A small working example.
Consider a reader increasing text size on a narrow screen. The article should keep enough spacing for its paragraphs and links to remain distinct.
A note to keep beside it.
Try changing the conditions of the visit. Less space, a longer sentence, or a different input method can reveal whether the experience depends on an ideal reader.
- Read a full paragraph on a small display.
- Try important links with touch.
- Check a page with a longer title.
Follow a related question
Distinguish active work from saved references.
A calmer browserTry available text and zoom controls.
Display settings that fit the taskKeep learning
Related background to continue exploring this subject.
MDN: responsive images W3C: accessibility, usability, and inclusion
