0
respostas

[Dúvida] Dúvida sobre a aplicação do box-sizing: border-box

Gostaria de parabenizar pelo curso e pela didática da Rafaella e do Guilherme, vocês têm um jeito muito bacana de transferir o conhecimento!

No entanto, estava pesquisando e tive uma dúvida sobre a aplicação do box-sizing: border-box no projeto.

No arquivo styles.css do curso, a propriedade está sendo aplicada apenas no body:

* {
  margin: 0;
  padding: 0;
}

body {
  box-sizing: border-box;
  height: 100vh;
  background-color: #000000;
  color: #f6f6f6;
}

Pesquisando em fontes como MDN e CSS Tricks, vi que a recomendação geral é aplicar o box-sizing: border-box no seletor universal * para garantir que todos os elementos tenham esse comportamento de forma consistente:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Minha dúvida é: há alguma razão específica para aplicar apenas no body no projeto do curso? Ou seria mais adequado seguir a recomendação de aplicar no seletor universal?

Agradeço desde já a atenção!

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora