blog

commit: 4084c184a8a5f33b59c2139c06dec73882563246
parent eaee66986dc61a762d994e8063ae77cdc6abdfb9
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Tue, 30 Jul 2019 16:49:23 +0200

css/index.css: Improve responsiveness of articles display

Diffstat:
M
css/index.css
10
++++++++--

1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/css/index.css b/css/index.css
@@ -33,10 +33,13 @@ article, section {
 	vertical-align: top;
 }
 article, section, main {
-	margin: 1.5rem;
+	margin: 1.5rem auto;
 	padding: 0.5rem;
 	background-color: var(--dark-ansi00-soft);
+	max-width: 80em;
+	display: table;
 }
+
 table {
 	border: 0.1em solid;
 	border-collapse: collapse;
@@ -80,7 +83,10 @@ img.thumb_inline {
 }
 
 /* Images/Figures */
-figure { text-align: center; }
+figure {
+	text-align: center;
+	margin: auto;
+}
 #art {
 	border: none;
 	text-align: center;