adjust line-height

[~bandali/bndl.org] / style.css

diff --git a/style.css b/style.css
index e5d2862..86cf7ea 100644 (file)
--- a/style.css
+++ b/style.css
@@ -5,12 +5,19 @@ article, aside, footer, header, nav, section {
 
 body {
   font-family: FreeSans, sans-serif;
+  line-height: 1.4;
   padding: 1em;
 }
 
-body > header {
-  margin-bottom: 2em !important;
+main {
+  margin: auto;
+  max-width: 38em;
+}
+
+main > header {
+  margin-bottom: 1em;
 }
+
 #title {
   font-size: 2.1em;
   font-weight: normal;
@@ -65,25 +72,28 @@ nav li:last-child:after {
   content: "";
 }
 
-section {
-  position: relative;
-}
-section > h3 {
-  position: absolute;
-  right: 75%;
-  width: 25%;
-  margin: 0;
-  padding: 0 1em 0 0; /* 1.75 */
-  font-weight: normal;
-  font-size: 1em;
+main {
+  display: grid;
+  grid-template-columns: auto 38em auto;
+  grid-column-gap: 1.5em;
+  grid-row-gap: 1em;
+}
+
+main > h3 {
+  grid-column: 1;
   text-align: right;
-  white-space: nowrap;
+  font-size: 1em;
+  font-weight: normal;
 }
-section > .section, article > .section, body > header {
-  position: relative;
-  left: 25%;
-  width: 50%;
-  margin: 0;
-  padding: 0;
-  max-width: 38em;
+
+main > header, main > section {
+  grid-column: 2;
+}
+
+main > h3, ul:first-child {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+p:first-child {
+  margin-top: 0;
 }