Как лучше организовать 2 колонки с блоками в шахматном порядке?

Question

[IceStriker]

Всем доброго дня!

Какая-то напасть случилась.. Призабыл как лучше организовать такой порядок блоков (div), чтобы в мобильной версии они просто шли последовательно:

Хоть намекните на right way :)
Заранее, очень благодарен!

Comments

[Илья]

А причём тут шахматный порядок?

Answer 1

[Сергей Горячев]

Ну, хз, как-то так наверно.
https://jsfiddle.net/webirus/m9onf3bu/1/

А когда надо перестраиваем обычным медиа-запросом.

@media screen and (max-width: 600px) {
  .block {
    float: none !important;
    clear: both !important;
    margin-top: 0 !important;
  }
}

Исправленный вариант. Работающий)))

Comments

[IceStriker]

Благодарю!
Если у кого еще есть мысли по этому поводу - пишите, отмечу все работающие варианты :)