Как найти NAV с позиции: исправлено; в центре?

Question

Навигация плавает влево, когда я назначаю его положение фиксированным.Как мне переместить его обратно в центр?

.container {
        max-width: 2000px;
        text-align: center;
        color: rgb(177, 177, 179);
    }

nav {
        display: flex;
        justify-content: space-around;
        position: fixed; 
    }

Я хочу зафиксировать Навбар в центре.Но когда я назначаю фиксированное положение Navbar, оно плавает в левую сторону.

Вот изображение:

Answer 1

Добавить ширину 100% к навигации https://jsfiddle.net/ulric_469/1826szqm/1/

nav {
  display: flex;
  justify-content: space-around;
  position: fixed;
  align-items: center;
  width: 100%;
}

Answer 2

Попробуйте использовать свойство left & right в CSS.

nav {
  display: flex;
  justify-content: space-around;
  position: fixed;
  left: 0;
  right: 0;
}

Ссылка: https://developer.mozilla.org/en-US/docs/Web/CSS/position#Fixed_positioning