max-width: 80 rem 및 margin-inline: auto를 가진 컨테이너가 있는데 이를 그리드에 적용하면 80 rem에서 그리드를 중앙에 배치하여 완벽하게 작동합니다

하지만 항목 헤더 셀에 컨테이너 클래스를 넣고 싶지만 작동하지 않습니다. 80rem 크기에 도달하지 않고 모든 헤더 내용을 중앙에 배치합니다. 이유를 모르겠습니다. 나는 마진 인라인 때문에 ils에 대해 알고 있지만 일반적으로 이전이 아닌 80rem에 중심을 둡니다.

<div class="grid-container container">
        <header class="primary-header flex "> //i want to put container class here
            <h1 class="logo uppercase text-white">adventure</h1>
            <button class="mobile-nav-toggle" aria-controls="primary-navigation" aria- 
            expanded="false"><span class="sr-only">Menu</span></button>
            <nav class="flex">
                <ul id="primary-navigation" class="primary-navigation flex text-white capitalise 
                letter-spacing-3 fs-base" data-visible="false">
                    <li><a href="">home</a></li>
                    <li><a href="">tours</a></li>
                    <li><a href="">explore</a></li>
                    <li><a href="">about</a></li>
                    <li><button class="btn bg-pink text-white ">contact</button></li>
                </ul>
            </nav>
        </header>
        <main></main>
    </div>