Esse é meu código. Estou enfrentando problemas pois as bordas dos três itens (cabelo, barba e o combo) estão em tamanhos diferentes, como faço pra fazer-los ficarem todos do mesmo tamanho?
.servicos li {
display: inline-block;
text-align: center;
width: 30%;
vertical-align: top;
margin: 0 1,5%;
padding: 30px 20px;
box-sizing: border-box;
border: 2px solid #000000;
border-radius: 10px;
}
hoje, com a Alura e o Google Gemini
Gustavo, boa tarde!
Você diz a largura da borda? Isso pode estar ocorrendo por 2 motivos:
1- Você está sobrescrevendo o tamanho da borda em algum outro lugar do CSS.
2- Navegadores diferentes estão renderizando de forma diferente.
Tente verificar um dos dois pontos abordados acimas
Espero ter ajudado e bons estudos!