Masonry сетка на CSS

Данный вариант сетки осуществляется всего одним css-свойством column-count

Плюс данного варианта в том, что проще не придумать. А минус, что сетка строится сверху вниз, а не слева направо и во многих случаях может отображаться неровно.

Пример:

Блок 1

Информация в блоке

Информация в блоке

Информация в блоке

Блок 2
Блок 3

HTML:

CSS:

И далее остается настроить по вкусу адаптивность, например так:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!