CSS is really, really great but it’s lacking things like, console.log(). And sometimes I truly miss it. CSS tends to give us the silent treatment when something goes wrong. So helpful, right?
But we actually do have something incredibly useful, browser DevTools.
When working with Grid, Subgrid or Flexbox DevTools is like a helping hand. You can hover over the layout badges to see the overlay, you probably already do that. But did you know that if you click the badge instead of hovering, the overlay becomes persistent?
That means you can resize your window and watch the layout shift in real time as the viewport changes. It’s such a simple trick but honestly, a game changer.
