Boa noite amigos, estou com uma dúvida, quando declarei a classe na section
<section class="container principal">
<div class="container__caixa">
<h1 class="container__titulo">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="combo" class="container__imagem">
<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>
<p class="container__aviso">*O preço pode variar caso a assinatura seja feita em outros planos.</p>
</div>
</section>
entendi que posso declarar mais de uma classe em uma única tag correto? Isso significa que em uma ordem, minha section está dentro da principal e a principal dentro da container?
outra duvida é: Por que no CSS tive que declarar ambas as classes separadas?
.principal {
background-image: url("/img/Background.png");
background-repeat: no-repeat;
background-position: right;
align-items: center;
text-align: center;
}
.container {
height: 100vh;
display: grid;
grid-template-columns: 50% 50%;
font-family: var(--fonte-principal);
}
Não seria melhor utilizar uma só? Muito obrigado desde já.