Design for the phone people actually own

Most of your traffic in Pakistan is a mid range Android on mobile data, sometimes on a connection that drops. Designing on a large monitor and shrinking afterwards produces a site that works beautifully for the smallest part of your audience.

Mobile first is a CSS strategy, not a slogan. Write the base styles for narrow screens, then add complexity at wider widths with min width media queries. Doing it the other way means every small screen has to override a pile of desktop rules, which is more code, more overrides and more ways to be wrong.

The viewport meta tag is required. Without it a phone pretends to be a desktop, renders at about 980 pixels and zooms out, and your careful responsive work never runs at all. It is one line and its absence is still common.

Touch targets. Roughly 44 pixels minimum, with space between them. A row of small links is unusable with a thumb, and the failure is invisible on a mouse.

Test at 320px. Not because many phones are that narrow, but because anything that survives 320 survives everything, and it exposes fixed widths immediately.

Data costs money here. A three megabyte hero image is a real cost to a real person, and it is also why they leave before it arrives.

The most useful habit is simple: connect a cheap phone and open your own site on mobile data, not on wifi. Five minutes of that teaches more than any checklist, and it is uncomfortable in a way that is worth experiencing.