philomena/assets/css/elements/form.css

form .field {
  display: flex;
  gap: var(--padding-normal);
  margin-bottom: var(--padding-normal);
}

form .form--two-column {
  display: grid;
  grid: inherit;
  grid-template-columns: 1 / -1;
  gap: var(--padding-normal);
}

form .form--two-column > .field, form .form--two-column > li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--padding-normal);
}

form .with-error {
  display: block;
}

form label {
  display: flex;
  flex: 1 0 auto;
  align-self: center;
}