[Dúvida] classe no HTML

Oi, Rafael! Tudo bem?

A razão para começar sempre com "container" no nome das classes, como a Monica fez, está relacionada a um padrão de nomenclatura chamado Block Element Modifier (BEM). Esse padrão é amplamente utilizado para organizar e estruturar o código CSS de forma mais clara e intuitiva.

No BEM, o nome da classe é dividido em três partes: o bloco, o elemento e o modificador. O bloco é a parte principal do componente, o elemento é uma parte específica do bloco e o modificador é uma variação do bloco ou do elemento.

Dessa forma, ao utilizar "container" como prefixo para as classes, a Monica estava indicando que aquele elemento faz parte de um bloco chamado "container". Por exemplo, se ela tivesse uma seção no código HTML com a classe "container__secao", isso significaria que aquela seção é um elemento específico do bloco "container".

Essa abordagem ajuda a evitar conflitos de nomes entre as classes e torna mais fácil entender a estrutura do código CSS. Além disso, facilita a manutenção do código, pois é mais fácil identificar onde cada estilo está sendo aplicado.

Espero ter ajudado! Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!

Um forte abraço e bons estudos!

Oi! Nomear classes é algo bem pessoal, cada um tem uma maneira de fazer.

1. Semântica Descritiva: O termo "container" geralmente implica um elemento que envolve ou contém outros elementos. Se a Monica está desenvolvendo em um contexto onde ela frequentemente trabalha com contêineres ou elementos de layout, isso pode ser uma escolha descritiva para indicar que essa classe está relacionada a um contêiner de algum tipo.

2. Padrões de Nomenclatura: Algumas equipes ou desenvolvedores individuais optam por seguir padrões de nomenclatura específicos para garantir consistência no código. Começar as classes com "container" pode ser uma convenção adotada para tornar o código mais legível e fácil de entender, especialmente se outros desenvolvedores estiverem seguindo um padrão semelhante.

3. Convenção de Nomes BEM (Block, Element, Modifier): A convenção BEM é um padrão popular para nomear classes em HTML e CSS. De acordo com essa convenção, as classes são divididas em três partes: bloco (block), elemento (element) e modificador (modifier). O uso de "container" como parte do nome pode ser uma adaptação ou interpretação dessa convenção.

4. Estilo Pessoal ou Preferência: Às vezes, desenvolvedores têm estilos pessoais ou preferências ao nomear classes. O uso consistente de "container__..." pode ser uma escolha estilística da Monica para expressar sua própria abordagem ao desenvolvimento.