Estou fazendo o curso de CSS e me deparei com uma parte que não estou conseguindo solucionar, alguem consegue dar um help?
O background da minha parte principal não está preenchendo as laterais. (Laterais na parte principal ficaram em branco)
No meu CSS está parte está como ".principal". desta forma:
.principal { padding: 3em 0; background: rgb(255, 223, 176); width: 940px; margin: 0 auto; }
Margem já está em 0 auto, como consigo o preenchimento total da margem sem desconfigurar os textos?
hoje, com a Alura e o Google Gemini
Olá, boa tarde você pode tentar definir uma largura máxima para a página, adicionando a seguinte linha ao seu CSS:
body {
max-width: 100%;
}Isso fará com que a largura máxima da página seja 100% da tela, e o margin: 0 auto fará com que a página fique centralizada na tela. Você também pode tentar adicionar a seguinte linha ao seu CSS:
.principal {
box-sizing: border-box;
}Isso fará com que o padding e as bordas também sejam incluídas na largura definida para a classe .principal.
Espero ter ajudado! Abraços!