Много дивов, адаптивно

[dron]

Добрый день, друзья!

Есть вопрос. Нужно сделать подряд много дивов, чтобы шли друг за другом и вниз, на на маленьких разрешениях уходили вниз. В каждом диве текст и фотка. см пример

Сам реализовал просто через display inline-block, но как-то это слишком просто, по моему. Как бы вы сделали, можно пример? И нужно ли внутренний текст и фоку оборачивать в дивы, или p и align для это достаточно?

Заранее спасибо!

[Schamil74]

Можно и через инлайн-блок.

Я бы сделал через флекс. Уж очень мне они нравятся.

Все зависит от ситуации: где-то нужно, где-то не нужно оборачивать.

[dron]

ох, чета уж совсем сложно, не )

[Schamil74]

Это так кажется. Зато clearfix не нужен при flexbox.  Ещё можно сетку создать на grid layout, наверное за этим будущее

Edited June 9, 2017 by Schamil74

[Евгений_SB]

У вас всего 6 дивов, фотку и текст оборачивать не нужно, в том нет смысла,при правильном css они и так вниз будут уходить,и по моему чем проще тем лучше,чем меньше кода тем лучше, а то некоторые умудряются для такой задачи еще 10 файлов с js использовать,хотя достаточно 1 класса

Edited June 29, 2017 by Евгений_SB

[pichs_up]

В 08.06.2017 в 17:24, Schamil74 сказал:

Я бы сделал через флекс. Уж очень мне они нравятся.

Плюсую, флексы мощная машина.