CSS Grid を使用して div にグリッド システムを実装するにはどうすればよいですか?

Question

2 列の div を作成したいのですが、親 div に項目を追加するときは最初の列に配置する必要があります。最初の列に 3 つの要素があり、他の項目を追加する場合は 2 番目の列に配置する必要があります。カラム。 これが私が探している画像です:

インターネット上で応答が見つかりませんでした。CSS グリッド ジェネレーターを試しましたが、結果は得られませんでした。

CSS グリッド ジェネレーターですが、正しい答えが得られません

Answer 1

わかりました...メッシュ フローに問題があるようです。これを変更するには、grid-auto-flow:column; を使用します。これで、グリッドのフローが行から列に変更されます。必要に応じて grid-template-rows を変更できます。

Answer 2

HTML で行う必要があることは次のとおりです:

リーリー

と CSS:

リーリー ＃＃＃＃＃＃デモ＃＃＃＃＃＃