Twitter writes: “I was bumping elbows with Facebook and my own icon throughout the whole meal! I’m not even sure your layout complies with fire code. One star.”
Category Archives: CSS Fails

Kindle MatchBook
Fun fact: “matchbook” is also the amount of space necessary to write the vertical alignment fix for this Amazon upsell.

CoveredCA.com
Now everyone in California can get insurance at coveredca.com. Everyone with a 1280px-wide monitor, that is.
The website is nonresponsive with a fixed layout set at 1280px width. Here is the display at 1024px-wide:
Here it is at 800px-wide:
The dropdowns don’t scroll, and overrun the page bottom, so you need vertical resolution exceeding 1000px to view them:
Usually this site is just snark, but this one upsets me. The whole point of an exchange like this is that people who previously could not access health insurance now can. Many such people are low-income. To require hardware that exceeds entry-level computers, and excludes hardware usually found at public locations such as libraries, is unforgivable.
CSS-Tricks.com
Here’s a trick, CSS-Tricks. Avoid platform-dependent negative-margin hacks.
Shakeys.com
It’s some “shaky” CSS, Shakey’s, when your fixed element positioning requires a 3200px-high monitor to view your webpage.
PayPal.com
The point of a modal dialog, PayPal, is to force interaction with content contained within a child window.
Amazon search widget
“marging” and “magin” in your search widget CSS? Here’s an idea, Amazon: why don’t you search for a CSS validator before you push to production?
United.com
The United Airlines site used to have ample margins around elements, but they have been shrinking every year in an effort to reduce costs.