Module «swiper-cards». Интеграция равных по высоте колонок для swiper.

Source:

Демо:

Плагины:

Подключение:

//

Разметка:

//

Стили:

//

.slider-photos {
    --gap: 1.2rem;

    .swiper {
        margin: 0 calc(var(--gap) / 2 * -1);
    }

    .swiper-slide {
        width: 33.33%;
        padding: 0 calc(var(--gap) / 2);
        display: flex;
        flex-direction: column;
        height: auto;

        > * {
            flex-grow: 1;
        }
    }
}

Инициализация:

//