Как адаптивно сверстать такое?

Question

[vadim_bogomazov]

Доброго времени суток!
Подскажите пожалуйста, хотя бы в общих чертах - как адаптивно сверстать такой список?

Answer 1

[Serj-One]

Задайте это вопрос дизайнеру, который это рисовал.

Comments

[Евгений Петров]

А главное — зачем всё это? Какую задачу клиента это решает? В каком сценарии используется?
Я знаю, как ещё плодотворно убить время фронтендера — например, потребовать, чтобы телефон и мыло по буковкам разлетались, слетались, и чтобы эти движения не повторялись. Примерно такая же польза.

Answer 2

[Melkon]

Примерно так.

Comments

[Матвей Мамонов]

А теперь требуйте оплаты :D

[Alexey]

Во молодчина. Немного перевернул и все по-другому воспринимается. Хорошее решение задачи.

[Евгений Петров]

Осталось только за дизайнера и для средних размеров сделать, чтобы не все в линию/столбец, а по группам.

Answer 3

[uam]

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

Answer 4

[Матвей Мамонов]

Мне, почему-то, сразу пришла в голову мысль сделать большую доску, которую грабом мыши (пальца) листать влево-вправо. А на больших экранах вместить всю.
Согласен, не гениально. Просто то, как бы попытался сделать я.