From 292a396d77b171e8be9d4c170ef12bd3afb9d3e4 Mon Sep 17 00:00:00 2001 From: Carl Worth Date: Sat, 16 May 2020 18:13:21 -0700 Subject: [PATCH] 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.) --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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 { -- 2.43.0