been looking at some recent audits and it's honestly depressing how many buttons are just way too small on mobile. i saw a site yesterday where the close icon was basically microscopic. you can't expect people to have surgical precision with their thumbs on a 6-inch screen. it doesn't matter if the
css layout looks clean on desktop because it's basically unusable once you actually try to tap anything. i'm starting to think we should just hardcode a minimum size for everything that isn't plain text.
it's fine it's not fine.
button,a,input {min-width: 44px;min-height: 44px;}does anyone actually use a specific linter rule to catch this during builds?