[Dúvida] Meu código não aparece no site

Só fiz a primeira parte do HTML mas diz q o aside está acima do header quando usa a developer tool e n aparece nada

<header>
    <nav class="cabecalho__container">

        <div class="logo__item">
            <img src="./img/VidFlow--Logo-light-mode.png" alt="logo do VidFlow">
        </div>

        <div class="cabecalho__pesquisar__item">

            <form action="" class="form__pesquisa">
                <input type="search" class="pesquisar__input" placeholder="Pesquisar">
                <img class="pesquisar__input-teclado" src="./img/topbar/keyboard.png" alt="icone de teclado">
                <button class="pesquisar__btn">
                    <img src="./img/topbar/search.png" alt="icone de pesquisa">
                </button>
                <button class="cabecalho__audio">
                    <img src="./img/topbar/Mic.png" alt="icone de Mic">
                </button>
            </form>
        </div>

        <div class="cabecalho__icones__item">

            <a href="#" class="cabecalho__videos"></a>
            <a href="#" class="cabecalho__apps"></a>
            <a href="#" class="cabecalho__notificacoes"></a>
            <a href="#" class="cabecalho__avatar"></a>
            <label class="cabecalho__switch">
                <input type="checkbox" class="cabecalho__switch-input">
                <span class="cabecalho__switch-slider"></span>
            </label>
        </div>
    </nav>

</header>

<aside class="sidebar">

    <div class="sidebar__redirect-main">
        <ul>
            <li class="sidebar__lista-item">
                <img src="./img/sidebar/home.png" alt="home img">
                <a href="#">Início</a>
            </li>
        </ul>
    </div>

    <div class="sidebar__redirect-secondary">

    </div>

    <div class="sidebar__inscircoes">

    </div>

    <div class="sidebar__mais">

    </div>

</aside>