grid-template-area で思うように表示できません

grid-template-areas の中に指定したアルファベットを含めましょう。
2021年8月23日
ユーザー

いつもわかりやすい講義をありがとうございます。

突然ですが、配置する領域が四角になっていないといけないの"四角"とは具体的にどのような形を言うのでしょうか?
試しにスクショのような形で試してみたのですが、上手く実行されるものと右下の領域外に配置されてしまうものとに分かれました。
どれも形は違えど、四角でピリオドを打ったつもりなのですが、2枚目の赤の領域を消したものだけ上手くいきました。個人的には、四角といえども全体の形的に飛び石のようになっていて上手く実行されないと思っていたのですが違いました。逆になって1枚目と3枚目は上手く実行されると思っていたのですが、全て真逆の結果になり、困惑しています。

どうか、ご教授のほどお願い致します。




この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?