From b098bbdbef09b732e617dfd65aa3dd39266d5bbf Mon Sep 17 00:00:00 2001 From: "Paul \"Joey\" Clark" Date: Wed, 20 Sep 2017 00:33:25 +0800 Subject: [PATCH 1/2] Add some whitespace to the CSS Greetings! We felt the lines on the homepage were a little close together, so we expanded the line-height. After that we got excited and added some other margins between elements. We hope you like them! We only had time to look at the front page today, but hopefully that these changes will also work well on the other pages. --- style.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index 8d4f7546..ab1cbc75 100644 --- a/style.css +++ b/style.css @@ -4,6 +4,7 @@ html { } body { width: 80%; + max-width: 1000pt; min-height: calc(100vh - 4em); margin: 0 auto; padding: 2em; @@ -17,11 +18,12 @@ p { color: #444444; font-family: 'Roboto', sans-serif; font-size: 16pt; - line-height: 1; + line-height: 1.5; margin: 4pt; } p.value-description { text-indent: -16pt; + margin: 12pt; margin-left: 20pt; } p.question { @@ -47,17 +49,17 @@ h1 { font-family: 'Montserrat', sans-serif; font-size: 72pt; text-align: center; - line-height: 72pt; - margin-top: 0pt; - margin-bottom: 0pt; + line-height: 80pt; + margin-top: 20pt; + margin-bottom: 10pt; } h2 { color: #333333; font-family: 'Montserrat', sans-serif; font-size: 36pt; - line-height: 36pt; - margin-top: 12pt; - margin-bottom: 0pt; + line-height: 40pt; + margin-top: 20pt; + margin-bottom: 10pt; } li { font-size: 16pt; From 3a0e1ea5379f048d153eb68bd78ad9ac94b649f1 Mon Sep 17 00:00:00 2001 From: Paul Joey Clark Date: Tue, 8 Oct 2019 10:52:28 +0800 Subject: [PATCH 2/2] Adjust line-heights and margins, as per review --- style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index ab1cbc75..07528cd3 100644 --- a/style.css +++ b/style.css @@ -18,13 +18,15 @@ p { color: #444444; font-family: 'Roboto', sans-serif; font-size: 16pt; - line-height: 1.5; + line-height: 1.25; margin: 4pt; } p.value-description { text-indent: -16pt; margin: 12pt; - margin-left: 20pt; + margin-left: 32pt; + margin-right: 24pt; + line-height: 1.1; } p.question { margin: 16pt auto;