Remove extra space created by Flexbox usage

1 files changed, 10 insertions, 4 deletions

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index 7bb513b..b902a5c 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -87,6 +87,16 @@ blockquote, ol, p, pre, ul, .highlight {
 	margin-top: 1.0em;
 }
 
+.base {
+	flex-grow: 1;
+}
+
+/* remove extra space caused by Flexbox's lack of margin collapsing */
+article:last-child header p,
+.main > :last-child {
+	margin-bottom: 0;
+}
+
 .body {
 	background-color: black;
 	box-sizing: border-box;
@@ -162,7 +172,3 @@ blockquote, ol, p, pre, ul, .highlight {
 	overflow-y: hidden;
 	padding: 0;
 }
-
-.main {
-	flex-grow: 1;
-}