Solucionado
Estive vendo a aula e no minuto 7.10 (Css para imagens ), onde usamos o inspecionar para testar o padding :20px , percebi pela borada que o tamanho do objeto muda. Oque me é estranha já que definimos um tamanho 150 px para o objeto. alguém sabe porque isso ocorre ?
hoje, com a Alura e o Google Gemini
Olá Leonardo, tudo bem?
Isso é um padrão do CSS, quando atribuímos valores de border e padding a um elemento, eles são somados à largura e altura do elemento, fazendo com que as dimensões totais superem os valores inicialmente especificados e consequentemente, esse elemento irá aumentar.
Mais para frente nas aulas, o professor irá ensinar sobre uma propriedade chamada box-sizing: border-box, que tem a função de modificar esse padrão do CSS, caso seja necessário.
Espero ter ajudado, mais alguma dúvida só falar. Bons estudos!