<h1 class="cabecalhoPrincipal-titulo">
                <a href="#">Alurinha</a>
            </h1>

            <nav class="cabecalhoPrincipal-nav">
                <a class="cabecalhoPrincipal-nav-link" href="#">Home</a>
                <a class="cabecalhoPrincipal-nav-link" href="#">Cursos</a>
                <a class="cabecalhoPrincipal-nav-link" href="#">Sobre nós</a>
                <a class="cabecalhoPrincipal-nav-link" href="#">Contato</a>
                <a class="cabecalhoPrincipal-nav-link cabecalhoPrincipal-nav-link-app" href="#">Nosso APP</a>
            </nav>

Acima temos o código HTML e no CSS, foi definido que

.cabecalhoPrincipal .container

essa div tem o display flex.

Os elementos que estão dentro desse .container ficam com o display flex também?

Por que para alinhar os links dentro do nav, ele definiu que o nav tem o display: flex também e dessa forma, eles ficaram um do lado do outro. Eu tenho que obrigatoriamente definir um display flex caso queira alinhas os elementos lado a lado mesmo que o elemento pai seja um display: flex ?