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!