Use the `scroll-margin-top` property to prevent a sticky header from covering up content…

This is a design post classified by Jev as Design-to-code (a tutorial), kept by the Design Radar because it carries real work, not commentary.

CSS tip: Use the `scroll-margin-top` property to prevent a sticky header from covering up content after clicking on an anchor.

Posted by Marko Denic (267.4k followers) 8 days ago · 41 likes · 7.3k views · view the original post on X. Kept by the Design Radar as Design-to-code.

More design work like this

• せっかくなので、昨晩エージェントに作ってもらったAstroのサイトにモバイルデバイス向けの最適化と多言語化（英語）を適用してみました。こんなのもClaude版のスキルを使えば何も… — @cipher
• せっかくなので、昨晩エージェントに作ってもらったAstroのサイトにモバイルデバイス向けの最適化と多言語化（英語）を適用してみました。こんなのもClaude版のスキルを使えば何も… — @cipher
• New experiment: json-render + jev — @ctatedev
• and yes it’s also responsive. — @malikyoloo
• Built an interactive Error 404 page with just one prompt + Opus 5. — @Tegadesigns
• I built this little CSS snake game using HTML & CSS ✨ — @NanouuSymeon
• We built TasteSkill to help people create better frontends with AI. — @LexnLin
• 刚拿 Ling-3.0-flash-VL 做了一轮「截图 → 单文件 HTML → 对照 → 圈错 → 再改」。 — @WukongNumber1

Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 4k posts from 1.4k X accounts over the last 21 days, 316 tools, 17 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 02:08 UTC. Full method.