Use media like query to detect overflow
How can I react to an HTML element overflowing in CSS?
Most common phone and tablet sizes for media-queries? (Includes answer based on 100K users)
I’m making a responsive design and want to make sure the CSS media queries are optimized for the most common device sizes. (While working with all sizes, of course.)