Olá colegas! Não entendi muito bem o que exatamente faz o "line-height" na estilização.
Grata pela ajuda! Bons estudos...
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá colegas! Não entendi muito bem o que exatamente faz o "line-height" na estilização.
Grata pela ajuda! Bons estudos...
Olá Izabela!
O line-height é uma propriedade do CSS que controla a altura da linha de texto. Ele é especialmente útil para ajustar o espaçamento vertical entre linhas de texto, o que pode melhorar a legibilidade e a estética do conteúdo.
Por exemplo, se você tem um parágrafo de texto e quer que as linhas tenham mais espaço entre elas, você pode usar o line-height para ajustar isso. preparei um exemplo para ti:
Nesse caso, conforme eu fui adicionando px, foi aumentando o distanciamento entre as linhas.
No contexto da aula em que você está, o line-height foi usado para estilizar o placeholder do campo de digitação e o texto do botão. Veja como isso foi aplicado:
.input-item::placeholder {
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 19px;
}
Espero ter ajudado! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!