From: Carl Worth <cworth@cworth.org>
Date: Sun, 17 May 2020 01:13:21 +0000 (-0700)
Subject: Remove percentage units from grid column sizing
X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=commitdiff_plain;h=292a396d77b171e8be9d4c170ef12bd3afb9d3e4

Remove percentage units from grid column sizing

Richard recommends against using percentages here as it can be
surprising which size the percentage is computed against. This usage
of fr and em units should likely do what we want. (Note: We're not
actually exercising this currently, so we'll need to revisit this once
we add any 2-column field inputs.)
---

diff --git a/style.css b/style.css
index 70099fd..237c004 100644
--- a/style.css
+++ b/style.css
@@ -137,8 +137,8 @@ body {
 form {
     max-width: 100%;
     display: grid;
-    grid-template-columns: 49% 49%;
-    grid-column-gap: 2%;
+    grid-template-columns: 1fr 1fr;
+    grid-column-gap: 1em;
 }
 
 .form-field.small.left,.form-field.medium.left {