Einige Verbesserungen könnten auf den mobil überprüfbaren Seiten vorgenommen werden

  • Die Elemente im „Header“ sind nicht ausgerichtet:
    „Post flagged as spam“, , „Flag approved“, „2h“

    Es gibt viele Inkonsistenzen im hier verwendeten CSS. Der Container .review-item__header hat eine definierte Ausrichtungsregel: align-items: start;, aber jedes Kind-Element hat seine eigene align-self-Regel, die der Regel des Elternelements widerspricht und zu einer falschen Ausrichtung der Elemente führt.

  • Nach „2h“ fehlt der rechte Rand.

  • Ein Thementitel kann lang sein und viel vertikalen Platz einnehmen; dies könnte vermieden werden, indem der Titel auf eine eigene Zeile gesetzt wird. Auf mobilen Geräten sollte dies sogar unbedingt vermieden werden :face_with_tongue:

Es ist wahrscheinlich nicht der richtige Weg, es dient nur dazu, den gewonnenen Platz zu veranschaulichen, ohne die Lesbarkeit zu beeinträchtigen:


  • Das Notiz-Textfeld ist zu breit.

  • Bestimmte lange Zeichenketten laufen über und stören das Layout der gesamten Seite.
3 „Gefällt mir“