1
resposta

width 50% diminuiu o meu form input ao invés de aumentar

main { width: 940px; margin: 0 auto; }

form { margin: 40px 0; }

form label { display:block; font-size: 20px; margin: 0 0 10px; }

form input { display: block; margin: 0 0 20px; padding: 10px 25px width: 50%; }

Bem no final quando ele usou o width: 50%, o meu form input fez foi ficar menor, diferente do dele que ficou bem maior.

Coloquei o resto do css caso eu possa ter feito algo errado no meio e não percebi...

1 resposta

Olá Felipe, tudo bem?

O código não está funcionando pq você esqueceu de fechar a seguinte tag, no 'form input':

padding: 10px 25px

Fechando ela o seu código irá funcionar corretamente.

form input { 
  display: block; 
  margin: 0 0 20px; 
  padding:  10px 25px; 
  width: 50%; 
}

Espero ter ajudado, bons estudos!