Peki benzer bir soru sorayım. Yapmaya çalıştığım sitede, header alanı, content alanı ve footer alanına "container" div'i koydum. Site aynı hizada olabilisin diye. Chrome'da aşağıdaki kodları "footer" ın css'sine yazdığımda aşağıdaki resimde olduğu gibi bir sonuç çıkıyor. footer alanı sağa doğru kayıp gidiyor. Ortada hizalı değil yani.
https://www.hizliresim.com/fdc8k9m

display: grid;
grid-template-columns: auto;
width:100%;
height: 50px;
line-height: 50px;
position: fixed;
bottom: 0px;
background: #9c88f7;
text-align: center;
color: #fff;