投稿一覧がひたすら横に表示されてしまう

Question

前提・実現したいこと

投稿一覧がひたすら横に表示されてしまうのを防ぎ、投稿の一段目が2つあれば、次の段に投稿が表示されるようにしたいです。

現状はこんな感じです。

投稿が増えるたびにひたすら横に広がってしまう仕様になっています。

これを、横に広がるのではなく、一段目の投稿は2つ、二段めも2つみたいにしたいです。

現状は、該当箇所にdisplay: flexを当てているので、このような現象が起きているのかなと思っています。

なかなか参考記事も見つからなくて困っているので、
・どのようにコードを記述すればいいのか
・参考記事はあるのか？

お願いいたします。

【追記】
flex-wrapをつけて、投稿を折り返すようにしたら、うまく行きました。
そのほかにも方法ってありそうですかね？？

Answer 1

他にも、左の投稿（奇数番号の投稿側）と右側の投稿の場所をそれぞれwidth: 50%;でもいけそうな気がしますね。

Comments

[退会済みユーザー]

そんな方法もあるんですね！

教えていただきありがとうございました。
自分でも調べて実装してみます！