モバイル版レビューページにはいくつかの改善の余地があります

  • 「ヘッダー」内の要素が整列していません:
    「スパムとしてフラグ付けされました」, , 「フラグ承認済み」, 「2時間前」

    ここでは使用されている CSS に多くの不一致があります。コンテナ .review-item__header には align-items: start; という整列ルールが定義されていますが、各子要素には親のルールと矛盾する独自の align-self ルールが設定されており、その結果、アイテムの整列が崩れています。

  • 「2時間前」の後に右マージンがありません

  • トピックのタイトルが長い場合、多くの垂直スペースを占有してしまいます。これを回避するためには、タイトルを別行に配置することを検討すべきです。特にモバイル端末では、その方が 望ましい でしょう :face_with_tongue:

    これは読みやすさを損なわずに、そのようにすることで得られるスペースの余裕を視覚的に示すための例であり、推奨される実装方法ではありません:


  • 注釈のテキストエリアが広すぎます

  • 特定の長い文字列がはみ出し、ページ全体のレイアウトを崩しています
「いいね!」 3

確かに!それについて投稿してくれてありがとう。いくつかの問題を改善する修正を今すぐ適用しました。

「いいね!」 1