Subscription form

.subscription-form {
  display: grid;
  justify-content: center;
  container-type: inline-size;
}

@container (min-width: 500px) {
  .form__content {
    grid-template-areas: "legend field" "legend submit";
    align-items: center;
    column-gap: 2rem;
  }

  legend {
    grid-area: legend;
  }

  .form-group {
    grid-area: field;
  }

  button {
    grid-area: submit;
  }
}

@container (min-width: 700px) {
  .form__content {
    grid-template-areas: "legend field submit";
  }

  button {
    align-self: end;
  }
}