.principal{
padding: 3em 0;
background:#FEFEFE;
width: 940px;
margin: 0 auto;Este CSS, que está inclusive no conteúdo pronto, não funciona. Para preencher a largura total deveria ser criado uma div que engloba a section. Existe uma opção melhor?
.principal{
padding: 3em 0;
background:#FEFEFE;
width: 940px;
margin: 0 auto;Este CSS, que está inclusive no conteúdo pronto, não funciona. Para preencher a largura total deveria ser criado uma div que engloba a section. Existe uma opção melhor?
hoje, com a Alura e o Google Gemini
Oi, Henrique, tudo bem?
Os estilos que estão adicionados na classe .principal funcionam e estão ativos. Se puder fazer um teste na ferramenta do navegador, tirando e colocando os estilos dessa classe. E a classe pega a largura total do elemento. Fiz um teste com a largura e sem a largura ativa: https://imgur.com/a/zpUcFtz
Mas caso prefira, pode sim criar uma classe de um elemento caixa que possa englobar o elemento.
Oi Laís! Tudo certo e com você?
Eu não entendi muito bem o teste. Mas tentei deixar mais clara a minha dúvida. Colocando a "caixa" com a margem, acontece isto: https://imgur.com/a/wIME3dn. Pela cor do fundo ser quase branca não tem como notar a diferença, mas se colocamos uma cor mais visível, o bg está limitado na margem, não?
