TLDR Web Dev · ARTICLES & TUTORIALS

DEFAULT STYLES FOR H1 ELEMENTS ARE CHANGING

developer.mozilla.org4 min read

Summary from the TLDR Web Dev newsletter

Browsers are removing default styles for `h1` elements nested within sectioning elements like `section`, `article`, `nav`, and `aside`, which previously adjusted the heading size based on nesting depth. Devs need to explicitly define font sizes and margins for `h1` elements to avoid unexpected styling changes and failing Lighthouse audits. Lighthouse will flag `h1` elements without specific font sizes, and browsers like Firefox and Chrome are already implementing or warning about these changes.