knutsen.co

commit e689a3da26f26295991c9cd5147cb7d8c140d0f4
parent e403b570d4ed27c9c7ce3c0e0d461a2dbdc10b1f
Author: Demonstrandum <moi@knutsen.co>
Date:   Sun,  5 Jul 2020 02:08:49 +0100

Make website more mobile friendly.

Diffstat:
M
styles/main.sex
 | 
8
+++++---

1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/styles/main.sex b/styles/main.sex
@@ -10,13 +10,15 @@
 
 (body
   :display flex
-  :height 95%
-  :width 100%
+  :padding 2em
+  :width (calc (- 100% 4em))
+  :min-height (calc (- 95% 4em))
   :align-items center
   :justify-content center)
 
 (#container
-  :width 40em)
+  :margin (auto 0 auto 0)
+  :max-width 40em)
 
 (h1 , h2 , h3
   :font-family ("Playfair Display SC" , serif)