📦 Карточки товара: блочные vs строчные

Автор на примере карточек из ресторанного меню показывает, как сверстать товар так, чтобы всё смотрелось аккуратно и ничего не разваливалось. Один вариант с чёткой структурой и одинаковой высотой. Второй более свободный, когда контент сам задаёт ритм. Много примеров, как уложить описание, цену, скидку и кнопку Купить без перегруза.

Нравится, что тут не продвигают универсальное решение. Всё зависит от данных и задач. Ещё есть классное наблюдение про кнопку Купить. За рубежом она всё компактнее и лаконичнее, а у нас всё ещё любят крупную и снизу.

Внутри: – Как уложить контент в карточку и не сломать вёрстку – Плюсы и минусы двух подходов – Рефакторинг с примерами – Что делать с разными состояниями карточек – Немного про эволюцию кнопки Купить

➡️ Читать статью

———

💻 Курс по поиску работы😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

📦 Карточки товара: блочные vs строчные
Автор на примере карточек из ресторанного меню показывает, как сверстать товар так, чтобы всё смотрелось аккуратно и ничего не разваливалось | Сетка — социальная сеть от hh.ru