How to put in a horizontal scroll in CSS?

Question

css

There is an element with this style

.card-form {
    margin: 30px;
    background-color: $card-form-background-color;
    padding: 20px 30px 20px 10px;
    border-radius: 12px;

    width: 500px;

    display: grid;
    grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
    gap: 1em;
}

It turns out that now these cards are arranged vertically

. What should I do to make them in a horizontal scrollbar with scrolling?

.