やりたいこと

現状このように画面幅を狭めるとある一定の画面幅に達するとテキストが縦表示になります。これを画面幅をどれだけ狭めても横表示にしたい。

今回のコード

html↓

 <header>
    <nav>
      <div class="inline-block">レジュメ</div>
      <ul class="position-right">
        <li class="inline-block">自己紹介</li>
        <li class="inline-block">プロフィール画像</li>
      </ul>
    </nav>
  </header>

index.cssの一部

  nav {
            margin-left: 4%;
            display: flex;
            width: 60%;
            margin: 10px auto;
            justify-content: space-between;
            white-space: nowrap;
          
      }