3
respostas

Menos letras - caixa menor

Boa tarde,

Percebi que havia escrito cabelo errado, faltando duas letras. Então a minha apresentação ficou da seguinte forma: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeSe estivesse certo, como deveria fazer para a caixa ficar igual as outras?

3 respostas

Oi, Daniella.

Se cabelo estiver escrito certo, a descrição terá uma linha a mais e aumentará o tamanho da caixa.

Sim Gabriel, quando arrumei ficou tudo certo. Porém, se o texto ocupasse uma única linha, como a figura que coloquei, como eu deveria fazer para que as três caixas ficassem do mesmo tamanho?

Daniella,

você pode resolver informando o 'height'. Ficaria assim:

.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: 2px solid #000000; border-radius: 10px; height: 411px; }

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software