Как реализовать такие блоки?

Question

[Zombie42679]

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

Answer 1

[Егор Живагин]

Masonry - самое очевидное решение

Ненавижу эту фишку дизайнеров, потому что её хрен сделаешь руками и приходится ставить долбаную Masonry. Чё ровно их не поставить, с одним размером?

Comments

[Zombie42679]

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

[Егор Живагин]

Zombie42679, не очень понял, что вы конкретно имеете ввиду

В любом случае, через неё что угодно можно сделать. Но я всё равно её не люблю)

[Zombie42679]

Егор Живагин, Почему не любите ?) я если честно с ней еще не работал, но думаю ютуб и документация поможет разобраться, что к чему)

[Егор Живагин]

Zombie42679, меня просто воротит от участия JS в разметке. Masonry хорошо выполняет свои функции, но это не мешает мне её нелюбить )

[Zombie42679]

Егор Живагин, хахаха) Хорошо, я понял вас, спасибо за ответ)

Answer 2

[lavezzi1]

https://masonry.desandro.com/

Comments

[Zombie42679]

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

Answer 3

[Александр]

я бы как то так делал

.cont{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;

  height: 100px;
}
.item{
  flex: 1 1 25%;
}