コンテナ投稿グリッドレイアウトの問題？

UX
1

こんにちは。

タブレットデバイスのモバイル表示で問題に気づきました。

このメディアクエリはモバイルではうまく機能しますが、すべてのモバイル表示幅で有効になるべきだと思います。

@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
}

924pxを超えると、template-areasにタイムラインが追加されますが、これは（デスクトップにのみ表示されると思います）モバイルではレイアウトが崩れます。

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}

よろしくお願いします :slightly_smiling_face:

「いいね！」 2
5

@Don 少しテストしてみましたが、もう問題ではないと思います…最近、何か見かけましたか？

「いいね！」 1
6

確認ありがとうございます @awesomerobot。

しかし、これはまだ問題だと思います。topic-progress-wrapper がドッキングされた場合にのみ表示されるようです。

「いいね！」 1
7

なるほど、違うものを見ていたようです。これで、プログレスバーがドッキングされたときのレイアウトが修正されるはずです。

「いいね！」 2
8

このトピックは3日後に自動的に閉じられました。返信はもう許可されていません。