Vi outras pessoas tendo o mesmo problema que eu, alterar o valor das cols na tag textarea n muda nada, isso pq o css do projeto inicial do curso já veio com várias coisas já alteradas...
Vi outras pessoas tendo o mesmo problema que eu, alterar o valor das cols na tag textarea n muda nada, isso pq o css do projeto inicial do curso já veio com várias coisas já alteradas...
Olá Lucas, tudo bem?
Quando queremos modificar o cols do textarea estamos tentando alterar as colunas e consequentemente a largura desse campo. Entretanto, isso criará um conflito, visto que a width
de todos os inputs já está sendo estabelecida na class.input-padrao
, que por sua vez é atribuída ao<textarea>
. Veja:
<textarea cols="70" rows="10" id="mensagem" class="input-padrao" required></textarea>
.input-padrao {
display: block;
margin: 0 0 20px;
padding: 10px 25px;
width: 50%;
}
Com a width:50%
estabelecida, há uma inflexibilidade na alteração da cols.
Caso queira modificar a cols e criar um layout um pouco diferente do modelo do curso, podemos fazer isso de algumas formas. Uma delas seria especificar no CSS que no .input-padrao
do <textarea>
a width será unset, ou seja, não definida .
O CSS ficará assim:
.input-padrao {
display: block;
margin: 0 0 20px;
padding: 10px 25px;
width: 50%;
}
textarea.input-padrao {
width: unset;
}
Dessa forma, o cols estará disponível para ser alterado, não conflitando com nenhuma propriedade.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!