Não entendi sobre o cálculo do box model: Um fato interessante para notar nesse desenho é que a largura e a altura são referentes ao conteúdo apenas. Ou seja, no nosso exemplo do blockquote, apesar de termos definido a largura como 250 pixels, por ter 16 pixels de padding e 10 pixels de borda, terá, na verdade, 302 pixels.
Aula https://cursos.alura.com.br/course/introducao-html-css/task/5389
Oi Rafaella tudo bem?
Consegue colocar, por gentileza, o link da aula que refere a sua dúvida para eu poder te ajudar?
Rafaella, na primeira opção o calculo do box-model é feito com os valores do padding e border por isso o resultado de 302px
blockquote {
padding: 16px;
margin: 0;
border: 10px solid #C2CCCA;
width: 250px;
}Já na segunda opção utilizando a propriedade box-sizing com valor de border-box, o tamanho é o definido na propriedade width.
blockquote {
padding: 16px;
margin: 0;
border: 10px solid #C2CCCA;
width: 250px;
box-sizing: border-box;
}Está seria sua dúvida? O valor 302px incluindo o padding e border O valor 250px apenas a propriedade width junto com a propriedade box-sizing: border-box para normalizar o box-model.