From b944577581fdf4dac936064f48346e400f71d10e Mon Sep 17 00:00:00 2001 From: Carl Worth Date: Sat, 16 May 2020 15:40:53 -0700 Subject: [PATCH] Add a little universal padding to the page Regardless of how tiny the display is, we do want at least _some_ padding. --- style.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index c79ae7d..70099fd 100644 --- a/style.css +++ b/style.css @@ -64,19 +64,21 @@ body { margin-right: auto; padding-top: 0; padding-bottom: 0; + padding-left: 1em; + padding-right: 1em; } @media screen and (min-width: 620px) and (max-width: 720px) { #page { - padding-left: calc((100% - 620px)/2); - padding-right: calc((100% - 620px)/2); + padding-left: calc(1em + (100% - 620px)/2); + padding-right: calc(1em + (100% - 620px)/2); } } @media screen and (min-width: 720px) { #page { - padding-left: 50px; - padding-right: 50px; + padding-left: calc(1em + 50px); + padding-right: calc(1em + 50px); } } -- 2.43.0