2
respostas

Problemas na hora de aumentar o input com padding

Eu estou tentando aumentar o tamanho do input porem ele nao vai indiferente do tamanho que seja, eu consigo criar o espaço com o margin, mais tamanho da caixa nao vai

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: 10 25px;

}
2 respostas

Fala Mohamad, tudo bem? Espero que sim!

No padding do input você utilizou valores como 10 25px, mas acredito que tenha esquecido de acrescentar o px ao 10, assim deve ficar o código:

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

Testa ai e fala pra gente, ta bom?

Abraços e bons estudos :D

Boa noite Mohamad, tudo certo cara?

Duas coisas tá, no padding do input acho que você acabou esquecendo do px 10 25px e também esqueceu de informar o width: 50%

ficando o código da seguinte forma:

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