Как поместить в горизонтальный скролл в CSS?

Question

[antonidas37]

Имеется элемент с таким стилем

.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;
}

Получается, что сейчас эти карточки располагаются вертикально

Что нужно сделать, чтобы они были в горизонтальном скролле с прокруткой?

.

Comments

[Steppp]

owerflow-y: auto;
или x, постоянно путаю что х что у

[antonidas37]

Steppp, к card-form это прописывать или к их контейнеру?

[Aricus]

dotruger37, К контейнеру. И установить у контейнера высоту. Можно ещё стилизовать полосу прокрутки (правда, не во всех браузерах работает), можно загуглить.

[fallus]

Steppp, xD