Nomenclatura das Pastas

Olá Hugo, tudo bem?

Primeiramente, peço desculpas pela demora em responder.

Fique tranquilo! Vou colocar um resuminho a seguir!

Código

<section class="quem-somos">
    <h3 class="quem-somos__titulo">Quem somos</h3>
    <p class="quem-somos__descricao">Conheça a comunidade por trás da iniciativa</p>
    <div class="pessoas">
        <div class="pessoa">
            <div class="pessoa__imagem pessoa__imagem--roberta"></div>
            <span class="pessoa__nome">Roberta</span>
            <span class="pessoa__funcao">Conteúdo</span>
        </div>
        <div class="pessoa">
            <div class="pessoa__imagem pessoa__imagem--marcela"></div>
            <span class="pessoa__nome">Marcela</span>
            <span class="pessoa__funcao">Chef de cozinha</span>
        </div>
        <div class="pessoa">
            <div class="pessoa__imagem pessoa__imagem--andreia"></div>
            <span class="pessoa__nome">Andréia</span>
            <span class="pessoa__funcao">Pequena Produtora</span>
        </div>
    </div>
</section>

Nomeação

• Classes

Utilizamos o padrão BEM (bloco, elemento, modificador), com o __

quem-somos__titulo

Neste caso o bloco é a <section class="quem-somos"> e como é uma palavra composta, utilizamos o - entre as palavras na hora de utilizarmos o padrão BEM do elemento. Caso o bloco não fosse uma palavra composta, a nomeação do elemento ficaria simplesmente palavra__titulo.

• Pastas

As pastas irão seguir o padrão CamelCase, em que a primeira palavra estará em minúsculo e as seguintes iniciaram com a primeira letra em maiúscula, sem que haja espaços ou traços.

quemSomos

• Arquivos

Cada arquivo CSS será nomeado com - entre o nome da pasta que esta localizada e o nome do elemento que será estilizado.

quemSomos-titulo.css

Espero ter ajudado. Qualquer dúvida ou dificuldade, fique a vontade para perguntar.

Abraços e bons estudos!