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.
Bring the idea into a day.
A long quotation might look balanced on a large display but feel crowded on a phone. Review it at the width of an actual reading moment.
Another angle on the story.
The first useful part of a page deserves attention. A visitor should be able to understand its purpose while the rest of the experience becomes ready.
- Read a full paragraph on a small display.
- Try important links with touch.
- Check a page with a longer title.
Follow a related question
Review focus and busy states.
A button has more than one stateUse a distinct password for each account.
Make account habits easier to maintainKeep learning
Related background to continue exploring this subject.
MDN: responsive images W3C: accessibility, usability, and inclusion