На мобильных страницах для просмотра можно было бы внести несколько улучшений

  • Элементы в «шапке» выровнены неправильно:
    «Пост помечен как спам», , «Флаг одобрен», «2ч»

    Здесь используется множество противоречивых CSS-правил. Контейнер .review-item__header имеет правило выравнивания: align-items: start;, но каждый дочерний элемент имеет собственное правило align-self, которое противоречит правилу родителя и приводит к некорректному выравниванию элементов.

  • После «2ч» отсутствует правый отступ

  • Заголовок темы может быть длинным и занимать много вертикального пространства; этого можно избежать, разместив заголовок на отдельной строке. На мобильных устройствах это даже следует сделать :face_with_tongue:

Возможно, это не лучший вариант, но он иллюстрирует, сколько свободного пространства можно получить таким образом без потери читаемости:


  • Поле ввода заметки слишком широкое

  • Некоторые длинные строки выходят за границы и нарушают макет всей страницы
3 лайка

Действительно! Спасибо, что поделились. Я только что внес правки, которые устранят различные проблемы здесь

1 лайк