Bom dia, Fiquei em dúvida nessa estapa do código:
<body>
<section class="container principal">
<h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
<img src="img/Combo.png" alt="O Combo+ é a junção do Alura+ e o Alura Língua">
</section>
</body>Gostaria de entender se na <section class="container principal">, container E principal são duas classes distintas, já que na hora de aplicá-las no style.css elas foram usadas separadas. Dessa forma, apesar de ver que elas funcionam separadas no css, se alguém puder me explicar por que elas funcionam separadas, mesmo que estejam juntas na section class, e se elas não poderiam estar separadas entre vírgulas, de repente?
Obrigado!
PLUS: Em outra aula, "Grid e continuação", no seguinte trecho de código:
<section class="container principal">
<div>
<h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
<img src="img/Combo.png" alt="O Combo+ é a junção do Alura+ e o Alura Língua">
<a href="www.alura.com.br" class="container__botao">Assine por 12x de R$ 120,00*</a>
<a href="www.alura.com.br" class="container__botao botao_secundario">Assinar somente o Alura+</a>
</div>**Também é colocado class="container__botao botao_secundario. Por que há a repetição de "container__botao" no âncora de Assinar somente o Alura+ ?
