That time a client's site went full Picasso mode on mobile

Honestly, I was testing a new layout I built for a local bakery in Portland, pulled it up on my phone, and the whole hero section was just... sideways. Like someone rotated the text 90 degrees and forgot to tell anyone. Turns out I had a stray -webkit-transform on the parent div that was clashing with a flexbox rule. Has anyone else had CSS properties just go rogue like that for no clear reason?

2 comments

2 Comments

angela_wilson7821h ago

Got a screenshot of that sideways hero section? Because that sounds like a solid design choice for a bakery called "The Tilted Loaf.

diana_bell7421h ago

The 90 degree text rotation thing happened to me once on a site for a pet groomer called "Happy Hounds" and I swear my phone looked like it was trying to read an eye chart. @angela_wilson78 I bet "The Tilted Loaf" would actually get more foot traffic from people trying to figure out if the sign was broken. My personal rogue CSS moment was a z-index fight that buried my entire navigation bar behind a background image for three days before I noticed. I blame Firefox for making me feel like I know what I'm doing.