aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-08-21 20:00:44 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-08-21 20:00:44 -0400
commitdc5f9fc64bd49d31809c9094153b4545063b66b8 (patch)
tree5a8fd607d0a22b0c1843d3b7aa2b2b695a78398e
parent3b9d30dcae20aa7cfef96c605cdd3162868128ae (diff)
downloadbryanbrattlof.com-dc5f9fc64bd49d31809c9094153b4545063b66b8.tar.gz
bryanbrattlof.com-dc5f9fc64bd49d31809c9094153b4545063b66b8.tar.bz2
use the 'new, modern clearfix hack' to clear floats in articles
from 'https://www.w3schools.com/Css/css_float_clear.asp' we can clear the various floats applied to some images preventing the footer from flowing next to the floated image.
-rw-r--r--stylesheets/article.scss6
1 files changed, 6 insertions, 0 deletions
diff --git a/stylesheets/article.scss b/stylesheets/article.scss
index 6233e37..be42e76 100644
--- a/stylesheets/article.scss
+++ b/stylesheets/article.scss
@@ -52,6 +52,12 @@ main {
padding: 0;
background: none;
}
+
+ &:after {
+ content: "";
+ clear: both;
+ display: table;
+ }
}
/* images */