ЗАДАЧА

Требуется исправить отображение сообщений в комнате чата"flood" внутри Mini App. На текущий момент верстка ломается: сообщения не растягиваются на всю высоту, а изображения отображаются со смещением и съезжают за границы контейнера. Необходимо добиться корректного рендеринга, как показано на втором макете: сообщения занимают всю высоту, картинка отображается полностью и не наезжает на другие элементы.

Исходные файлы и сроки

• Архив с проектом будет предоставлен в личку
• Срок выполнения: не более 12 часов с момента старта

Основные требования

• Сообщения должны рендериться во весь рост (занимать всю доступную высоту, предопределенную макетом)
• Вложенное изображение должно отображаться без обрезок, сохраняя пропорции (например, object-fit: contain или целостность)
• Исключить любое смещение верстки: все блоки (текст, картинка, мета-информация) должны находиться на своих местах согласно PS/макету
• Проверить адаптивность: на мобильных устройствах и десктопе отображение должно быть идентичным макету

Что можно делать

• Редактировать CSS/HTML структуру компонента сообщения внутри комнаты
• Настроить высоту, размеры, отступы параграфов/блоков карусели
• Корректировать логику сборки сообщения в JS, если проблема связана с данными (но рендер - задача верстки)

Результат

Ожидаем полностью выполненную работу в полном соответствии со вторым («как надо) макетом.