.bbContainer {
    display: grid;
    grid-auto-rows: min-content;
}

.form-control {
    max-width: 20rem;
}

.button-group {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 1.5rem;
    align-items: center;
    grid-template-rows: min-content;
}

    .button-group button[type="submit"] {
        width: 10rem;
    }

@media (min-width: 768px) {
    .bbContainer {
        grid-template-columns: auto 1fr;
        column-gap: 1rem;
    }

    .alert {
        width: max-content;
    }
}