Tinha colocado as classes jumbotron e container juntas, mais aí apareceu no exercício pra serem colocadas separadas, mas não aconteceu nenhum efeito com a mudança. Queria saber pq separar elas.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Tinha colocado as classes jumbotron e container juntas, mais aí apareceu no exercício pra serem colocadas separadas, mas não aconteceu nenhum efeito com a mudança. Queria saber pq separar elas.
Boa tarde, Hinima! Tudo bem? =)
Quando você coloca a classe jumbotron, você está dando um certo destaque para a <div>. Você pode observar que ele fica com um background cinza e um respiro vertical interno maior.
Ao colocar a classe container, você deixa um espaçamento lateral...
<div class="jumbotron">
<div class="container">
<h3>...</h3>
<p>...</p>
</div>
</div>
O código acima irá deixar o fundo cinza e um espaçamento vertical para a <div> externa... Mas o conteúdo, de fato, estará limitado horizontalmente...
<div class="jumbotron container">
<h3>...</h3>
<p>...</p>
</div>
Já o último código, irá deixar inclusive o background limitado horizontalmente...
Acredito que você não deva ver diferença se estiver em um mobile, mas num desktop, deve ver, sim...
Espero ter ajudado! =)
Abraço e bons estudos,
Fábio
Muito obrigada!