Labo 209: コンテナの幅を設定する（その弐）

ヘッダとパンくずリストのコンテナの CSS を追加する

幅の調整や表示・非表示の制御をする

ヘッダーとパンくずリストのコンテナはちょっと特殊

それぞれのコンテナの幅を設定

ビューポートの中央に配置する

PC 向けの CSS を追加する

ヘッダーコンテナのモバイル向け CSS

PC 向けレイアウトの CSS に、モバイル向けの CSS を加えて行く

ヘッダーコンテナには画面の左右にすき間（パディング）が無いので、スタイルを設定する必要が無い

パンくずリストコンテナのモバイル向け CSS

モバイル向け CSS では非表示になっている

モバイル向けの CSS だけ、コンテナ HTML セットの親要素を非表示にする

要素を非表示にする

display: none

要素をブロックボックスで表示する

display: block

テンプレートファイル

base.html
style.css