New: Cookbooks and AI ExplanationsStep-by-Step recipes to solve problems connected to Roadmaps and Cheat Sheets. Need more details? Use AI buttons for structured and simple explanations with concrete examples throughout the whole platform.Take a look
Users on their phones keep tapping the wrong link because my icons and buttons sit too close together.
What you'll have at the end
Every tap target measured and resized to at least 48 by 48 pixels, with real gaps between neighbors
You need
A page with more than one pair of icon-only interactive controls sitting close together, such as two action buttons in a card footer and a close icon beside a menu icon in the header, each pair laid out in a flex or grid container whose gap value you can edit.
Not covered
Choosing an accessible name for an icon-only button, and removing the brief delay before a tap counts as a click on mobile, both real but separate problems from sizing the tap area itself.
Leans on
Checked 20 Aug 2026
Part of the Responsive Web Design cookbook