logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
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:

Mcss/index.css10++++++++--
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;