Olá, vi que usaram para o <footer> para delimitar seu tamanho um padding, por que não definir um height para o rodapé???? Semântica?? Ajuda na responsividade?? Valeu
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á, vi que usaram para o <footer> para delimitar seu tamanho um padding, por que não definir um height para o rodapé???? Semântica?? Ajuda na responsividade?? Valeu
Olá, Francisco!
Entendo sua dúvida sobre o uso de padding em vez de height para definir o tamanho do <footer>. Na verdade, essa escolha tem mais a ver com a maneira como essas propriedades funcionam do que com semântica ou responsividade.
Quando você define um height fixo para um elemento, ele terá exatamente essa altura, não importa o tamanho do conteúdo dentro dele. Isso pode causar problemas se o conteúdo dentro do elemento for maior do que a altura que você definiu, porque o conteúdo irá transbordar.
Por outro lado, quando você usa padding, você está adicionando espaço ao redor do conteúdo dentro do elemento. Isso significa que o tamanho total do elemento será a soma do tamanho do conteúdo mais o padding. Dessa forma, mesmo que o conteúdo cresça, o padding garantirá que haja espaço ao redor dele, evitando o problema de transbordamento.
Vamos a um exemplo prático:
<footer style="height: 50px; background-color: red;">
<p>Este é o meu rodapé</p>
</footer>
Neste exemplo, se o texto dentro do <p> for muito grande e ultrapassar os 50px de altura definidos para o <footer>, ele vai transbordar.
Agora, se usarmos padding:
<footer style="padding: 25px; background-color: red;">
<p>Este é o meu rodapé</p>
</footer>
Neste caso, o <footer> terá pelo menos 50px de altura (25px de padding na parte superior, 25px de padding na parte inferior), mas se o conteúdo dentro do <p> for maior, o <footer> se expandirá para acomodá-lo, graças ao padding.
Espero ter ajudado e bons estudos!