L
LLLOS.ai
Career
L
◆ AI Learning · Situational

What is the most common mistake in making a design responsive for desktop?

Desktop design is not proportional enlargement. It is better composition, more breathing room, sometimes more columns — while core reading sizes stay in a controlled range.

By Pawan Nayar · from the LLOS AI Learning record

The rule

Desktop design is not proportional enlargement.

It is better composition, more breathing room, sometimes more columns — while core reading sizes stay in a controlled range.

Most designers treat desktop as a bigger mobile. They take the mobile layout and scale everything up proportionally — larger text, larger gaps, larger cards. This is wrong. Desktop gives you more space. That space should go into composition and breathing room — more columns, better visual balance, stronger hierarchy. The text that a person reads comfortably does not change size just because the screen is wider. A reading size of 17–18px on mobile is still a good reading size on desktop. Over-enlarging text on desktop creates one problem: the page feels sparse and empty. The opposite of a rich, dense, intelligent-looking product.

An article had 16px body text on mobile. The responsive track enlarged it to 20px on desktop because the viewport was wider. The result was fewer words per line, more scrolling, and a page that felt less dense. Returning to 17px improved the feel immediately.

Words you'll need

Resolved from this lesson's own record — real definitions, not invented for this page.

Human-Computer Interaction

How people and computers communicate and work together

Information Architecture

How information is organized and labeled so people find it

Design Patterns

Reusable solutions to common problems in design

Questions people ask

More from the same record, pulled by shared topic — not written new for this page.

How can a developer build a mobile view for a web application without breaking the desktop view?

A developer must treat mobile and desktop as two separate applications. They share HTML and JavaScript.

How can a developer build a mobile view for a web application without breaking the desktop view?

A developer must treat mobile and desktop as two separate apps. They should use media queries to define distinct CSS layouts for each.

How should a developer respond when a user asks to remove a scrollbar?

A user asking for "no scrollbar" means all content should be visible. The layout must fit everything in the given height.

Why should a developer avoid using `overflow:hidden` and `max-height` on a section wrapper?

Using `overflow:hidden` and `max-height` on a section wrapper can hide content. For example, buttons at the bottom of a section might disappear.

What to remember

Desktop design is not proportional enlargement. It is better composition, more breathing room, sometimes more columns — while core reading sizes stay in a controlled range.