ホームページ ウィンドウ縮小 メニューバーの位置を設定

下記のURLのように画面を縮小させていくと
メニューバーも合わせて左に移動していくメニューバーを
作りたいです。

http://xn--dck0a5dvc1escc2961m271b.jp/

どのような設定をすればいいのでしょうか？
詳しい方教えてください。よろしくお願いいたします。

No.1 回答者： fujillin 回答日時： 2019/06/26 11:01

こんにちは

最近のブラウザには、開発者用ツールがあります（大抵F12で表示）ので、それで確認するのが手っ取り早いでしょう。


ご提示のサイトでは、左側のロゴとメニューの包含要素に
　display: flex;
　justify-content: space-between;
の設定をしておくことで、それぞれが常に両端にレイアウトされるようにしています。
画面幅が、ロゴとメニューが重なるくらいになったら、メニューをハンバーガータイプに切り替えています。