TILs, snippets—my digital code garden 🌱.

All notes 11ty a11y ai animation api backend cheatsheet cli computer-science cpp css cypress deno dev devops git golang graphql html interview javascript messaging networking node performance php python questions react rust services sql storybook svelte sveltekit testing typescript typography vscode

Scroll-margin-top

https://mobile.twitter.com/JoshWComeau/status/1332015868725891076
css

You know that annoying thing when you’re scrolled to an anchor and the site’s sticky header covers it up?

.heading {
  scroll-margin-top: 72px;
}

Browser support: Works natively in Chrome, FF, Edge, Opera. Supported in Safari, but with a non-standard property, scroll-snap-margin-top.