Как бы вы сверстали такую страничку?

[Stoer]

Здравствуйте, друзья.

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

Сайт и адаптивный и резиновый. Количество столбцов меняется в зависимости от ширины экрана: 0-580: 1 столбец, 581-870: 2 столбца, 871-1160: 3 столбца, 1161-1450: 4 столбца, 1451+∞: 5 столбцов. 

Конкретно этот макет выполнен для разрешения 1920, поэтому пять столбцов.

1 Что выбрать для верстки подобных страниц: гриды, флексбоксы, дивы или что-то другое?

2 Тут надо использовать БЭМ, Bootstrap или что-то другое?

3 Насколько сложно/долго сверстать такую страничку?

4  Какие рекомендации вы бы добавили лично от себя?

[klierik]

1. флексы
2. методология не имеет отношения к реализации
3. зависит от конкретного ТЗ

[Full-R]

Предложил бы псевдотаблицу. Обычно ul > li с display table, table row, table-cell. 

Flex хорош, но в последнее время с ним опасно работать из-за компрометированного кэша для http. Внезапно ломается по сложным причинам. 

[Stoer]

А почему не грид?

[Full-R]

4 часа назад, Stoer сказал:

А почему не грид?

Грид тоже хороший, но есть много но. Хорошо знать и уметь как работает все новое, однако, лучше использовать то что проверено масштабируется, легче усваивается и работает годами. 

Если вам нравятся эти мозги и вы считаете, что это принесёт вам больше денег, ускорит работу и сделает репутацию - валяйте. 

А я бы не стал изголяться на fr и делать себе разум несовместимый с большинством адекватных и уже сложившихся людей. 

Не даёт абсолютно ни чего, если посчитать хотя бы на 2-3 хода эволюции системы.