.header-grid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } .nav-left { justify-self: start; } .site-logo { justify-self: center; } .nav-right { justify-self: end; } @media (max-width: 991px) {  .nav-left, .nav-right { display: none; } }