Задача

Требуется исправить рендер сообщений в комнате "flood" внутри мини-приложения.

Текущая проблема

На первом фото показано, как сейчас выглядит рендер - сообщения отображаются некорректно: элементы съезжают, изображение обрезается или не помещается.

Требуемый результат

На втором фото показан правильный рендер - сообщения должны отображаться во весь рост, с картинкой, без смещений. Все элементы должны быть на своих местах, верстка не должна "слезать".

Что нужно сделать

  • Проанализировать текущий код рендера сообщений.
  • Найти причину смещения/искажения (верстка, стили, логика отображения данных).
  • Внести исправления так, чтобы результат соответствовал второму фото.

Условия выполнения

  • Проект предоставляется заказчиком (файлы будут доступны после начала работы).
  • Срок выполнения - максимум 12 часов.
  • Связь с заказчиком через личные сообщения биржи.