“(category grid requires horizontal scroll on smaller mobile screens)”
The 4-category selector (hair, ED, weight, skin) renders as a horizontal row that requires scrolling on screens under 375px. The last 1-2 categories are invisible without a swipe. Mobile visitors — the majority for this demographic — may never see the category they came for.
“Stack categories as a 2x2 grid on mobile with icons. All four visible without scrolling, each with a one-line value prop beneath.”
Eliminates hidden options. A 2x2 grid fits every mobile viewport and gives equal visual weight to each category. No swipe required, no options missed.