TLDR Web Dev · ARTICLES & TUTORIALS
DEFAULT STYLES FOR H1 ELEMENTS ARE CHANGING
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.