Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Imagem descentralizada em relação a borda

Inspecionando o html, percebo que as imagens dos "produtos li" não estão centralizadas em relação às bordas. Estão um pouco à direita. Não sei se foi algo que deixei de inserir... Aproveito para deixar uma sugestão: A ferramenta de pesquisa sobre temas que existe dentro do fórum poderia funcionar apenas para o curso em questão. me parece que vai buscar dentro de todos os cursos da base.

.produtos {
    width: 940px;
    margin: 0 auto;

    padding: 50px 0
}

.produtos li {
    display: inline-block;
    text-align: center;
    width:30%;
    vertical-align:top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border-color: #000000 ;
    border-width: 2px ;
    border-style: solid;
    border-radius: 10px;
    }

`

1 resposta
solução!

Fala ai Stefano, tudo bem? A imagem vai ficar mais a direita por conta do padding dado para o li.

Quando a gente utiliza padding igual para os lados não precisamos do text-align: center, isso porque o próprio padding ja vai centralizar o elemento.

Espero ter ajudado.