Using CSS, we can make nested ordered lists automatically display in a numbered hierarchy—like "1, 1.1, 1.2, 2, 2.1", without any additional HTML markup changes. Here’s how to set it up!
I don’t think web components get the kudos they deserve. But as we start to see a shift towards writing more vanilla CSS and JavaScript, I think they are going to become more popular in the coming years.
We often end up with a lot of templates when theming, but we should also remember to create "sensible defaults", so before you start theming specifically your site doesn't look broken.