A altura do elemento é ajustada automaticamente? Só adiiconar p-10 que ele atualiza a altura junto com o padding?
Solucionado
A altura do elemento é ajustada automaticamente? Só adiiconar p-10 que ele atualiza a altura junto com o padding?
hoje, com a Alura e o Google Gemini
Oi, Pedro! Tudo bem?
Sabendo que o padding é a distância entre o conteúdo do elemento e suas bordas, ou seja, o espaçamento interno daquele elemento, podemos dizer, então, que a altura do elemento não é ajustada automaticamente apenas adicionando a classe p-10, pois ela apenas adiciona um padding de 10 unidades em todos os lados do elemento, mas não afeta a altura.
Para ajustar a altura do elemento, podemos adicionar uma classe utilitária específica para altura, como h-10 para definir uma altura de 10 unidades, de acordo com o exemplo abaixo:
<div class="p-10 h-10">Conteúdo</div>
Dessa forma, o elemento terá um padding de 10 unidades em todos os lados e uma altura de 10 unidades.
Espero ter ajudado! Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!
Um forte abraço e bons estudos!