グローバルナビゲーションを作る
こちらの動画のソースコードです。
ヘッダーナビゲーション
[html]
<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>
[/html]
CSS
[css]
ul.global-nav {
display: flex;
justify-content: space-around;
max-width: 1216px;
margin: auto;
list-style: none;
padding: 20px;
}
[/css]