1
resposta

[Dúvida] Section e DIV

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

1 resposta

Olá, Guilherme! Tudo jóia?

A criação da div tem a finalidade de agrupar elementos dentro da section e aplicar estilos específicos a esse grupo de elementos.

No exemplo que você citou, a professora criou a div com a classe "container__caixa" para agrupar o título, a imagem, os botões e o aviso. Dessa forma, é possível aplicar estilos apenas nessa div e deixar a section com uma estilização mais genérica.

Ao aplicar a margem somente na div, a professora conseguiu criar um espaçamento entre os elementos agrupados, mantendo a section com um espaçamento diferente, caso necessário.

Espero ter ajudado e bons estudos!