Skip to main content Accessibility Feedback

When bad content ruins good content

Here’s something I see a lot (I’ve redacted the conference name because this is a teaching exercise, not a public shaming):

widget-overlap

On a big viewport, those absolutely positioned floating widgets are tucked innocuously off to the side. On a small viewport, they completely obscure large areas of important content, making it unreadable.

Fluid grids aren’t enough. Test all of your content on as many devices at as many viewports as you can.

Note: This post should have been titled, “When unimportant content ruins important content,” but that’s less catchy.


❄️ Black Friday Sale! Make 2018 the year you master JavaScript. From now through Monday, save up to 50% on my top JavaScript learning resources.

Have any questions or comments about this post? Email me at chris@gomakethings.com or contact me on Twitter at @ChrisFerdinandi.

Get Daily Developer Tips