A CSS property you might not know
Today I learned the existence of scroll-margin, which I’ve missed from the beginning.
Browser support is not ideal (especially ios and also old browsers) but decent.
If you have any anchor in your page, it’s nice to set something like:
.myanchor {
scroll-margin-top: 73px;
}
This way, the top screen does not eat your anchor title ^^
Before:
After:
I do my best to update all my contents, but keep it mind that "A CSS property you might not know" has been published many months ago.