Spent 6 hours on a CSS bug that was a missing semicolon

Okay I need to vent because this is actually the third time this has happened to me this month. I was building a simple landing page for my portfolio and the whole layout just refused to align. I checked my flexbox properties, the media queries, even restarted my dev server twice. Turns out I left out a single semicolon in my style.css file on line 143, and that one typo broke everything below it. I literally scrolled through a 400 line stylesheet at 11pm and almost threw my laptop out the window. My friend who codes for a living said she does this all the time too, which made me feel a little better but also mad that linting tools don't always catch it. Has anyone else had a silly syntax error eat up a whole evening? What do you do to spot those faster? I'm thinking about adding a linter that yells at me before I even save the file.

1 comments

1 Comment

henrygrant29d ago

Ever notice missing bolts in IKEA furniture do the same thing?