Html, CSS Navbar için yardım lütfen

Merhaba,
Bu linketi (codepen) kodları yazdım. Ve sonuç olarak böyle bir navbar aldım.
Benim amacım Anasayfa, satın al gibi li elemanlarını navbar'da ortalamak. Ne yapsam olmadı. Yardım edebilecek var mı? Ne yapmam gerekiyor?

PM gönderildi.

nav ul {

1. list-style-type: none;
2. margin: 0;
3. padding: 0;
4. line-height: 40px;

}

kısıma margin: 0; değilde margin:0 auto; yaparsanız ortalanır hocam. Container div'inizde 1200px olduğu için sola çekik durabilir onada eklemeniz gerek.

.container{margin:0 auto;}
nav ul {width: 100%; text-align: center;}

ekleyip deneyebilirsin.

Merhabalar,
Aşağıdaki kod işinizi görecektir.

.container{
    display: flex;
    width: 100% ;
    justify-content: center;
}

GÖRSEL;

nav ul kısmı yerine şu kod işinize yarayacaktır.

nav ul{
list-style-type: none;
padding: 0;
line-height: 40px;
margin: 0 auto;
}

Hocam yarı ortalandı hâlâ tamamen ortada değil

teşekkürler