Olá. A partir do minuto 05:59 do vídeo da aula, é feita uma alteração no padding do grupo principal. Sendo a alteração do padding interna ao elemento, porque é que o bloco principal (área cinza) expande?
Olá. A partir do minuto 05:59 do vídeo da aula, é feita uma alteração no padding do grupo principal. Sendo a alteração do padding interna ao elemento, porque é que o bloco principal (área cinza) expande?
Olá, Fábio. Tudo bem?
Nesse momento, aquele bloco tem um tamanho necessário para caber o conteúdo que foi colocado ali. Se você adiciona um padding, espaçamento interno, ele vai manter o tamanho necessário para caber o conteúdo mais o padding que você definiu. Esse é o comportamento padrão.
Se você quiser que o bloco tenha um tamanho fixo com o espaçamento interno e conteúdo se adaptando internamente para manter o tamanho fixo do bloco, você pode usar a propriedade box-sizing com o valor border-box.
Aqui tem uma boa explicação.