grid-template-aresの挙動について教えて下さい

要素は重なって表示される場合があります。

2020年12月15日

ユーザー

前の方の質問にもありましたが
3列目の「g」（box3）と4列目の「b」（box5）を
それぞれピリオドにして消したとき、

「g」「b」の二マス分が消えるものの、
「b」（box5）だけが画面右側に横棒状態になって出てきます。

以前の回答で領域外に表示されるのは理解できましたが
「b」だけが表示され、「g」（box3）が表示されないのはなぜでしょうか。
理由を教えてください。