グローバルナビゲーションを作る

グローバルナビゲーションを作る

こちらの動画のソースコードです。

ヘッダーナビゲーション

<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;
}