画面サイズによってヘッダーが2列になってしまうのを修正

[kxn4t]

変更内容: Summary

#342
画面サイズによってはヘッダーが2列になってしまう問題を取り急ぎ修正しました。
あんまりきれいじゃないですが…小さくなりすぎないように徐々に文字サイズを小さくして対応してます。
そもそもヘッダーメニューが多すぎ問題な気も。。

確認事項: Check point

• PR を作成する前に、 https://github.com/omegasisters/homepage の最新の master を取り込み済みである。
  • Conflict や他の方の変更で自分の変更が動かなくなる可能性を防ぎます。
  • 最新の master を取り込む方法
    • upstream に fork 元リポジトリを追加
      • git remote add upstream [email protected]:omegasisters/homepage.git
    • 現在のブランチに upstream の master を取り込む
      • $ git pull --rebase upstream master
  • おまけ
    • rebase 後に再度 push する場合、 --force-with-lease オプションをつける
      • git push --force-with-lease origin <ブランチ名>
• 動作確認済みである。
  • 何らかの理由で本番に取り込まれるまで確認できない場合はその旨を補足に記載する。
• prettier によるコード整形を行った、もしくは画面に関係ない変更である。
  • 可能な方のみで良いと思いますが、意図せず他の方がフォーマットするとコード差分が増えすぎるので自分の分は自分でやるのがよろしいかと思います。
• スマホ（狭い画角）でも表示を確認した、もしくは画面に関係ない変更である。
• 他の方の変更を意図せず削除・変更していないか、差分をもう一度確認した。
• 破壊的な変更を行った場合、影響範囲をもう一度確認した。もしくは破壊的な変更を行っていない。
• Pull Request に関連した issue の URL を貼り付けた

補足: Other Information

[omegasisters]

👍