The header above holds meta data, title, subtitle, and a featured image, with all body content placed beneath it. .article-content.
Introduction
This paragraph introduces what the article aims to demonstrate.
Requirements
- Proper IDs on section headings
- Table of Contents links match these IDs
- Responsive header sizing
Steps
Step 1: Verify Structure
Make sure the header ends before the content begins.
Step 2: Add IDs
Ensure every H2/H3 in the ToC has a matching id.
Step 3: Test ToC Links
Test the sidebar ToC links to ensure smooth transitions to the respective sections.
Conclusion
Proper division between header and content prevents layout issues while boosting SEO and UX.