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á, 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!