Olá! tenho uma dúvida, trata-se do seguinte:
Podemos ver no projeto da professora Monica que ela faz uso de duas classes ao mesmo tempo, como no exemplo abaixo:
HTML:
...
<section class="container secundario"> <img src="img/Notebook.png" alt="Notebook com a página do curso HTML5 e CSS3 da Alura aberta" class="secundario__imagem"> <div class="container__descricao"> <h2 class="descricao__titulo">Baixe seus cursos</h2> <p class="descricao__texto">Baixe e assista quando e onde quiser. Assim, seus favoritos estão sempre com você, até mesmo sem internet.</p> </div> </section>
...
CSS:
...
.container { height: 100vh; display: grid; grid-template-columns: 50% 50%; }
...
...
.secundario { align-items: center; margin: 0 10em; }
...
Então é aí que está o ponto, qual seria de fato, apenas para esclarecimento, o motivo dessa prática? Seria reduzir o conteúdo codado, simplificação para melhor entendimento, ou um estilo de codar, pergunto, pois sinto que falta uma explicação mais detalhada para enchegar e eficácia de tal técnica, agradeço a quem puder me ajudar, fique com Deus!