CSS グリッドを使用したカスタム レイアウト: 特定の要素をターゲットにする

Question

CSS グリッドを使用してこのデザインを再現する必要があり、結果を取得するために特定のグリッド要素を配置しようとしましたが、成功しませんでした。

これが現在のものです。いくつか修正する必要がありますが、その前に構造を正しく整えたいと思っています。

添付コードスニペット:

リーリー リーリー

grid-template-rows を使用してレイアウトを変更しようとしましたが成功しませんでした。何か提案はありますか?

Answer 1

リーリー リーリー