.mealtimes {
  display: grid;
  grid-auto-columns: minmax(auto, 1fr);
  grid-auto-flow: column;
  grid-column-gap: 0.5rem;
}
.mealtimes .error {
  grid-row-start: 2;
}
.mealtimes fieldset {
  margin-bottom: 0;
}
.mealtimes .checkbox label {
  margin-right: 40px;
}

@media only screen and (max-width: 420px) {
  .mealtimes:has(> :not([hidden]):nth-child(3)) {
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
  }
}