A few links about headings that I've had stored under my top hat.

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

Explores three key aspects of HTML headings: proper semantic placement of h1 elements relative to header and main landmarks for screen reader accessibility, implementing fluid typography using clamp() with viewport-relative units while maintaining zoom accessibility, and the new CSS :heading pseudo-class in Firefox Nightly that simplifies heading selection beyond traditional element selectors.

Headings: Semantics, Fluidity, and Styling — Oh My!

“Page headings don’t belong in the header”

<p>:heading sounds nice, but :heading(2, 3) {} is definitely not cleaner than h2, h3 {} in my opinion.</p>
