Имя «просвечивало» через кнопки на мобиле

Что случилось. На карточках лида, контакта и взаимодействия шапка вёрсталась простым flex рядом: блок с именем слева, кнопки действий справа. На десктопе — отлично. На узком экране телефона кнопки забирали почти всю ширину ряда, и имя клиента сжималось до нуля пикселей — визуально оно «просвечивало» через кнопки, нечитаемое месиво из текста.

Баг закрался в момент, когда такой ряд копировали как готовый паттерн — один и тот же код оказался сразу в трёх карточках. Никто не заметил на десктопе, потому что там всё работало.

Как нашли. Не мы. Тестовый пользователь открыл карточку с телефона, увидел кашу из текста и прислал скриншот.

Как починили. В рамках той же рабочей сессии: разобрались, что корень — отсутствие flex-col md:flex-row (ряд без явного направления на мобиле ведёт себя как ряд всегда, а не как колонка), поправили во всех трёх местах сразу, задеплоили.

Почему это важно для вас. Это конкретный пример того, как мы относимся к багам: разработка не заканчивается на "работает у меня в браузере" — узкий экран, реальное использование, обратная связь от живого человека закрывают то, что тестирование на своём ноутбуке не покажет. Если вы — пилотный клиент и присылаете скриншот, это не "жалоба в стол": это прямой путь к фиксу в течение рабочего дня.