From 74d1fb8182beaca8c224d712a2e78283c2a1d058 Mon Sep 17 00:00:00 2001
From: Cappe <casper@sundegard.st>
Date: Thu, 29 Aug 2024 16:32:32 +0200
Subject: [PATCH] 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
---
 public/assets/css/blogpost.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/public/assets/css/blogpost.css b/public/assets/css/blogpost.css
index 7357fd9..2d61ba8 100644
--- a/public/assets/css/blogpost.css
+++ b/public/assets/css/blogpost.css
@@ -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;