На курсе: как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10

Фрагмент № 14 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 31 июля 2020 года. Покажите дизайнерам и разработчикам.

00:00 Задача и примеры
01:35 Дизайн «раскладок» для разных случаев
04:29 Описание раскладок в коде
05:50 Автоматический выбор и оценка раскладок
07:47 Режим отладки

Программа курса и запись:

Ещё фрагмент:

[AlexeySkripnik]

А на смартфоне как это будет работать? У меня на сайте 75% мобильных пользователей, поэтому вначале я думаю о том, как это будет выглядеть у них

[thex]

Илья, расскажите, как вы создаете сетку для своих макетов. Например ваш крайний шикарный макет для авто в портфолио. Сетка отличается от популярной в стиле бехайнс. Очень хотелось бы посмотреть, как вы ее создаете

[vovkasolovev]

По всем успевшим промелькнуть в видео постам видно, что к ним выбирались всегда блоки с одной большой картинкой, двумя маленькими и двумя без картинки. Это понятно — рекомендаций в большом блоге к любому посту найдётся больше 5 и, скорее всего, в них найдётся 3 картинки, т.е. легко получится 5i3 и их вариации перестановки колонок. Надо ли тратить силы на хардкод конструктора ради других редких вариантов — на мой взгляд, излишний труд. Если планку качества слегка понизить, то значительно дешевле схожий результат можно получить через простой flexbox.

[thex]

А как это верстается тогда, если столько рандома, расскажите пожалуйста