Как выровнять колонки или создать фиксированные поля?

Question

[Сергей Нижний Новгород]

Ребят, привет.

Моя задача: на странице вывести 12 блоков по 3 ряд. В итоге: должно получиться примерно такая штука: netology.ru/kursy

Моя проблема: Каждый блок имеет текстовую информацию различного количества, поэтому все блоки из ровных и красивых, начали прыгать по высоте.



Что хочу узнать:

1) Как обычно поступают в таких случаях? Т.е. что вообще принято делать?
2) Например, в netology.ru/kursy они задали фикс некоторых блоков. Как это сделать, чтобы при этом сохранилась адаптивная верстка?

Я использую фреймворк foundation, искал у них пример, а у них самих та же проблема.

Answer 1

[Дмитрий Сергеевич]

1. Можно использовать флекбокс
2. Можно модифицировать сетку на display table и display table cell (если нужна поддержка доисторических браузеров)
3. Можно модифицировать сетку на display inline block и margin-left -4px (грубый фикс пробелов)
4. Выравнивать колонки при помощи brm.io/jquery-match-height (пожалуй последнее что стоит использовать)

Answer 2

[Андрей Бережной]

brm.io/jquery-match-height