CSSのグリッドレイアウトのボックスプロトコル

Question

最初の 2 つのボックスを最大幅で上に移動させ、2 番目のボックスを最大幅で下に移動させたいのです。コードは次のとおりです。

これは CSS コードです:

リーリー

これは HTML コードです:

リーリー

これが私が得た結果です:

ここに画像の説明を入力してください

下の写真のようなデザインにしたいのですが、上に 2 つのボックス、下に 2 つのボックスが必要です:

ここに画像の説明を入力してください

＃＃＃手伝ってくれますか？

Answer 1

このコードにこのスタイルを追加する際にいくつかのエラーがあります。

これを行う代わりに、このコードを削除することもできます

リーリー

そしてこの CSS コードを追加して、目的の出力が得られることを願っています

リーリー

Answer 2

コードを確認したところ、CSS コードにスペルミスがありました。 HTML コードにいくつかの変更を加えました。

スペルミス:

以下の更新されたコードを確認してください:

リーリー リーリー