Неочевидная проблема плашек

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

Внутри плашки всё разнесено по уголкам. Инфа аккуратно стоит на своих местах. А вот если посмотреть на общую картину, 450 мл в пункте «Латте халва» намного ближе к соседнему «Рафу цветочному». Такое размещение ломает порядок чтения.

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

Рэспэкт зрителю за пример для заметки 👌