The "inspect element" trick that almost broke my local coffee shop's site

I was skeptical when my friend said you could fix a layout bug just by adding `display: flex` to a random parent div. But last week, the local coffee shop's menu page had this huge gap between the images and the text on mobile. I poked around in dev tools and slapped `flex-wrap: wrap` on the container, and bam, it lined up perfectly. Then I accidentally left a stray `!important` in there and the whole footer collapsed, lol. Took me 20 minutes to undo it. Do you guys ever use inspect element to temporarily "fix" sites for yourself, or is that a slippery slope?

2 comments

2 Comments

joseph_lewis9212d ago

Ngl just use `!important` as a last resort, it always breaks something else.

jake_mason3012d ago

Oh yeah @joseph_lewis92, isn't it the worst when you think you've fixed one thing and something else completely breaks? I've definitely learned that lesson the hard way too many times haha.