Объединить несколько элементов карусели в гибкую сетку - PullRequest
Новая
       50

Объединить несколько элементов карусели в гибкую сетку

5 голосов
/ 20 мая 2019

Рассмотрим следующий HTML: 

<div class="wrapper">
    <div class="carousel">
        <div class="item"></div>
        <div class="item"></div>
    </div>
    <div class="carousel">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>
</div>

Если мои занятия не понятны, у нас есть две основные карусели ... Однако, что если мы захотим (на экранах рабочего стола) разбить эти .item деления на .carousel родителей и объединить их в гибкая сетка с индивидуальным заказом ( без манипулирования DOM с помощью JS ).

Вот как должно выглядеть на экранах рабочего стола (плитки разных цветов представляют элементы из отдельных каруселей):

Desktop

Примечание: как уже упоминалось, это легко сделать с помощью javascript, я пытаюсь выяснить, возможно ли это сделать без

...