October 12th, 2019

(no subject)

Thoughtbot is a fairly well-known web consultancy that specialized in Ruby on Rails when it was cool, and are now slowly moving towards greener pastures, with Elixir and Phoenix.

Also, the mobile layout of their website is broken. It might look ok at first blush:



But it scrolls about half the screen width to the right, revealing a lot of empty space:



Yeah, probably not how that was intended to work...

The reason, I was surprised to discover, is because there’s a header element that acquires a negative margin of 50% on small screens, like so:





And it isn't wrapped in an element that would hide the protruding right margin with overflow: hidden.