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.)
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 {