fix: fixed blog post header hiding part of section

blog post no longer scrolls to far when using table of contents to navigate, previously the header would hide part of selected section (when viewport wider than 900px), forcing user to scroll back up
This commit is contained in:
Cappe
2024-08-29 16:32:32 +02:00
parent 6c5536a537
commit 74d1fb8182

View File

@@ -196,6 +196,17 @@ header {
margin-bottom: 30px;
}
@media screen and (min-width: 901px) {
.blog-card h1,
.blog-card h2,
.blog-card h3,
.blog-card h4,
.blog-card h5,
.blog-card h6 {
scroll-margin-top: 110px;
}
}
@media screen and (max-width: 800px) {
.blog-card {
padding: 40px;