Galera, boa tarde...
A minha dúvida é bem básica acredito eu..
Na aula, a professora cria uma section e depois cria uma div fora dessa section, como está nesse código aqui:
<body>
<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="O combo + é a junção do Alura+ e o Alura Língua" class="container__imagem">
<a href="www.alura.com" 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>
</body>
Eu queria saber o motivo de criar essa div, e não aplicar as estilizações direto na section.
Ela fez algumas alterações na Section, mas depois colocou somente uma margem na DIV. Tenteia aplicar essa mesma margem na section e deu o mesmo resultado.
Saberiam me informar o motivo de criar essa div e não estilizar direto pela section?
Valeuuuuu