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?a=commitdiff_plain;h=292a396d77b171e8be9d4c170ef12bd3afb9d3e4;p=lmno.games

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 {