Padding or spacing that looks right on desktop feels excessive on a narrow mobile screen.
⚡ Quick Fix (TL;DR)
The Culprit: Generous desktop spacing can eat up a disproportionate amount of a small mobile viewport.
The Fix: Reduce internal spacing specifically at mobile widths, using the site's standard 600px breakpoint.
@media (max-width: 600px) {
.example { padding: 20px; }
} Was this helpful? Thanks for the feedback!
Tagged in :