Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Ao invés de alterar o css diretamente na tag <nav> classifiquei a ul e alterei a css. Assim não seria mais interessante ao código, mais organizado.

<aside>
            <div>
                <h1 class="textoDestaque">João da Silva</h1>    
                <nav>
                    <ul class="linksNavegacao">
                        <li><a href="index.html">Home</a></li>    
                        <li><a href="portifolio.html">Portifolio</a></li>
                        <li><a href="bio.html">Sobre mim</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="contato.html">Contato</a></li>
                    </ul>
                </nav>
                <ul class="icones-sociais">
                    <li><a href="https://github.com/git-joaodasilva"><img src="github.png" alt="Link do github"></a></li>
                    <li><a href="https://twitter.com/twitter-joaodasilva"><img src="twitter.png" alt="Link do Twitter"></a></li>
                    <li><a href="https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508"><img src="linkedin.png" alt="Link do Linkedin"></a></li>
                </ul>
            </div>
        </aside>
CSS
.textoDestaque {
    text-transform: uppercase;
}

.linksNavegacao {
    text-transform: lowercase;
}
1 resposta
solução!

Fala aí Samuel, beleza? Bom, como tudo na programação, logo eu te digo: Existe N maneiras de resolver um problema, fico feliz que você tenha encontrado a sua de forma diferente.

Acho bem válido sua modificação, eu particularmente não gosto e nem uso seletores de tag dentro do CSS, mas no curso é mostrado todas as maneiras para que vocês saibam as possibilidades.

Eu ainda melhoraria seu CSS adicionando uma classe para cada a e aplicando o text-transform nelas, por exemplo:

.menu-link {
    text-transform: lowercase;
}

<ul class="menu">
    <li class="menu-item"><a class="menu-link" href="index.html">Link 1</a></li>    
    <li class="menu-item"><a class="menu-link" href="index.html">Link 2</a></li>
    <li class="menu-item"><a class="menu-link" href="index.html">Link 3</a></li>
</ul>

Particularmente eu sempre faço assim, divido bem minhas classes e sempre utilizo apenas elas como seletores.

Apenas uma dica mesmo, parabéns pela solução e continue assim, não se aprenda apenas no que é mostrado durante as aulas, buscar melhorias e jeitos diferentes faz parte da sua evolução.

Abraços