Rather than guessing at screen widths to remove hover states in your #CSS, you can use the hover media query. This tests whether the device's primary input mechanism can hover over elements.
If you want the query to be slightly broader to test if any available input can hover you can use the any-hover query instead.
@frontendmentor I wrote about this last year: css-tricks.com/touch-devices-…
@frontendmentor Am I missing something, or is this unnecessary? Why would you write extra code to remove hover states when the user won’t see them either way?
@frontendmentor @Martine_Dowden 100% first I've heard of this 💯
@frontendmentor Browser support is much higher than I would have guessed. (Hat tip @iamdustan.) caniuse.com/#feat=css-medi…
@frontendmentor @jensimmons Why would want to remove hover states? Is this a performance increase or something?