Еще один вопрос про адаптивную таблицу. Или лучше не таблицу?

Question

[lagudal]

Есть рисунок, который нужно перевести каким то образом в удобоваримый для всех разрешений вид.
Есть мнение сделать все таблицей, ну то есть не обязательно табличной версткой, а например флексами - для десктопов 5 колонок в 3 ряда, в мобильных разрешениях наоборот - 5 рядов, первые 2 ряда по 3 колонки, остальные 3 ряда по 2 колонки.
Или может еще как то, что поможет лучше выглядеть?

Answer 1

[approximate solution]

Для десктопов 5 колонок в 3 ряда, в мобильных разрешениях наоборот - 5 рядов, первые 2 ряда по 3 колонки, остальные 3 ряда по 2 колонки.

Все правильно, вы описали стандартную сетку. На рисунке элементы смотрятся отвратно, потому что не соблюдены пропорции(разные отступы, развные по величине картинки, количество текста и тд). Нарисуйте в любом виде (на бумаге, в фотошопе) базовую разметку, красиво разбейте элементы, и верстайте.

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