CSS メニューバーのサイズを変更したいです。教えてください。

Question

ウィンドウ縮小　メニューバーを移動　教えてください。

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

http://xn--dck0a5dvc1escc2961m271b.jp/

どのような設定をすればいいのでしょうか？

現在のロゴ、ヘッダー、メニューバーの設定ＣＳＳです。

/*ロゴ*/
img.siteTitle__img {
    max-height: 400px;

/*ヘッダー*/
.l-header {
    position: relative;
    width: 100%;

/*グロナビ*/
.l-extra {
    background: 000000;
    position: absolute;
    top: 80px;
    left: 882px;
    margin: -29px;
    padding: 5px;
    transform: scale(1.15);

現在は、メニューバーの位置をロゴの横にしたいため、possithionで位置を設定してます。
メニュー右部分には以下のように検索・ハンバーガーメニューがあります。

ご教授よろしくお願い致します。

Answer 1

やり方はいくつかありますが、上記リンクのサイトだと display: flex 使っているみたいんですね????

https://mamewaza.com/support/blog/howto-use-flex.html
横並びに配置して親要素の幅を固定すればできそうです。

https://employment.en-japan.com/engineerhub/entry/2017/05/30/110000
google chromeのdevtoolを使うとどういうCSSが使われているのかを確認できるので、参考になるかもしれません！