Make narrow-width size look nicer

I.e. if the width is less than 20cm, make sure there's still some
padding on the edges.

I'd like to figure out how to use left/right margins instead of padding
here (since margin seems to semantically make more sense), but I don't
think there's a way to do anything like "margin: max(8px, auto)";
I'd have to use a container element around all content (including the
header!) to apply both margins.

1 files changed, 1 insertions, 0 deletions

diff --git a/style.css b/style.css
index 5d629e2..f39dcf7 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,7 @@ body {
   max-width: 20cm;
   margin-left: auto;
   margin-right: auto;
+  padding: 0 8px;
 }
 
 li {