ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下部に移動する必要があります。
現在、そのサイズに達すると、ウィンドウの高さを小さくしすぎると、グリッドのコンテンツがヘッダーの上に重なってしまいますが、なぜそうなるのかはわかりません。画面のサイズはビューの高さだけである必要がありますが、サイドバーを移動すると拡大します。
リーリーこれは jsfiddle の完全なコードです
(ウィンドウのサイズを変更すると、タイトルの上にグリッドがどのように重なるかを確認できます)