Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Uso do border-box

Olá,

No exercício https://cursos.alura.com.br/course/avancando-html-css/task/18750, há a "sobra" de 2em na largura. Porém, se o border-box é utilizado, eu teria de fazer a correção? Se sim, por quê?

div {
    box-sizing: border-box;
    width: 50%;
    padding: 1em;
}
1 resposta
solução!

Fala aí Roger, tudo bem? Por estar utilizando padding não é necessário fazer esse cálculo (se todo HTML estiver certo).

Pois sua div irá ter 50% de largura independente do padding quando o box-sizing está com border-box.

Porém, caso seja definido algum margin, ai sim será necessário fazer o calc levando em consideração o margin.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software