Estou fazendo o alinamento dos produtos conforme a aula, porém os produtos não se posicionam ao centro da página, já experimentei aplicar a largura ao ".porodutos li" e passar a posição como absoluta, mas não obtive sucesso. Se, porém, no lugar do ".produtos" eu utilizo a tag "main", funciona.
hoje, com a Alura e o Google Gemini
Boa Noite, Filipe
No arquivo produtos.css, você pode adicionar um padding em .produtos para aumentar o espaçamento interno, ou seja, caberá mais conteúdo ali e ele não ficará espremido.
Além disso está escrito .protutos ao invés de .produtos
Fica assim:
.produtos {
width: 940px;
margin: 0 auto;
padding: 50px 0;
}Fico no aguardo se o topico foi solucionado ou restou alguma dúvida! Espero tê-lo ajudado...
Estou com a mesma dificuldade, ja tentei colocar o trecho de código, mas não funcionou
.protudos {
width: 940px;
margin: 0 auto;
padding:50px 0 ;
}
.produtos li{
text-align: center;
display: inline-block;} meu css