グローバルナビゲーションを作る
こちらの動画のソースコードです。
ヘッダーナビゲーション
<ul class="global-nav"> <li><a href="/">HOME</a></li> <li><a href="/c/itemlist">商品一覧</a></li> <li><a href="/c/about">はじめての方へ</a></li> <li><a href="/c/newitem">新商品</a></li> </ul>
CSS
ul.global-nav { display: flex; justify-content: space-around; max-width: 1216px; margin: auto; list-style: none; padding: 20px; }