Subscription form

Sign up for my newsletter
.subscription-form {
display: grid;
justify-content: center;
container-type: inline-size;
}

@container size(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 size(min-width: 700px) {
.form__content {
grid-template-areas: "legend field submit";
}

button {
align-self: end;
}
}