From 2a495daa8ee95bbba24b46fba5bfedc0d977fb56 Mon Sep 17 00:00:00 2001 From: Joshua Rogers Date: Wed, 11 Sep 2024 01:27:24 +0200 Subject: [PATCH 1/2] Prevent floating elements overlap by adding clear: both; The social-icons in the header may overlap with the title of the posts' h1 tag. This patch ensures that the overlap does not happen. --- _sass/_default.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/_sass/_default.scss b/_sass/_default.scss index 8de808cd23..49002d4c91 100644 --- a/_sass/_default.scss +++ b/_sass/_default.scss @@ -25,6 +25,7 @@ */ .header { + clear: both; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 4rem; From 92b33bba77b6978021f29126531bf592222ab3f8 Mon Sep 17 00:00:00 2001 From: Joshua Rogers Date: Tue, 17 Sep 2024 12:54:33 +0100 Subject: [PATCH 2/2] Improve header segmentation --- _sass/_default.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/_sass/_default.scss b/_sass/_default.scss index 49002d4c91..05a607e250 100644 --- a/_sass/_default.scss +++ b/_sass/_default.scss @@ -25,13 +25,18 @@ */ .header { - clear: both; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 4rem; font-family: $sans-serif-font-family; } +header::after { + content: ""; + display: block; + clear: both; +}; + .header a:hover { color:black; }