I'm constantly amazed by how much can be achieved with only CSS nowadays. It seems like it's getting more powerful by the month as developers find new and tricky ways to push the boundary ;)
The #1 (by a long shot) reason I used to reach for things like Bootstrap was to get my divs in the right spots on the viewport. Now, I can specify sophisticated 2d layouts based upon media queries that consider a combination of viewport dimensions and other device capabilities. Not a single line of javascript is required to do this.
Honestly it's a bit too much. CSS is used for fingerprinting and exploits. It's become a security risk to have it enabled and I think before long we'll want CSS blockers the same way we have blockers for JS. The ability to allow only sane subset of CSS would be really useful!
It's not only useful against fingerprinting, but also when the creator's idea of what layout is appropriate on my setup differs from mine.
See https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_m... what this meta tag does.
Given that CSS is not an actual programming language, browser vendors can optimize it in ways that JavaScript can't. This extra optimization is a big benefit in the world of mobile devices and batteries.
In 2020: "Grid is too much!" :)
Anchors in general are great, and they can be abused. Just like how we abused `transform` to vertically center things before flexbox.
CSS is by far the most advanced, flexible, and powerful layout technology in existence.