so nao entendi muito bem o conceito e logica dele e nem do boder-box que me deixaram confusa
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
so nao entendi muito bem o conceito e logica dele e nem do boder-box que me deixaram confusa
O inline-block pode ter a sua altura e largura alteradas, eles não quebram a linha e podem ficar perto de outros elementos. Agora o border-box ocupa apenas o tamanho da caixa sem adição de pixels.Por exemplo, se uma caixa tem 300x100 e você usa o border-box, você estará mantendo a altura de 300px e 100px de largura. Já se usar o content-box e adicionar uma borda de 3px, você estará adicionando mais 3px na sua caixa, não sei se consegui explicar.