Bom dia, eu fiquei com uma dúvida, pode ser que talvez eu não tenha prestado atenção direito na aula, mas queria ver se alguém consegue me tirar uma dúvida.
Estou fazendo a aula - HTML e CSS: praticando HTML/CSS, e em determinada parte do código, se não me engano a instrutora inseriu 1 classe na section porém separadas e consegue chamar as mesmas no css no entanto, cada uma delas teriam uma função separadas ?
Seguem o código HTML.
<body>
** <section class="container principal">** <--- No caso, estou me referindo a essa parte do HTML
<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 lingua">
<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>
</section>
</body>
Seguem o CSS
**.principal {**
background-image: url(img/Background.png);
background-repeat: no-repeat;
background-size: contain;
}
**.container {**
height: 100vh;
display: grid;
grid-template-columns: 50% 50%;
}
O que eu não entendi é que se eles são uma classe única da section, teoricamente, era pra ambos abraçar todo elemento que consta dentro, não é ? ou apenas separaram por questão de estética? ficar fácil de entender o código?
