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 70099fd0f17f4f287424878a76b3b2b65f6b82ce..237c0045e9cfc60367c4143bb256b3a1e62a6b18 100644 (file)
--- 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 {