por que nesse exemplo foi usado margin-right ao inves de padding-right ?
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!
Solucionado
por que nesse exemplo foi usado margin-right ao inves de padding-right ?
Oi, Gabriel.
Pra explicar de forma simples, vamos pensar no Box Model (Modelo de Caixa) do CSS. Todo elemento no HTML é visto como uma caixa.
margin-right: auto funciona aqui?No seu exercício, o objetivo é empurrar a lista de opções ("CATEGORIAS", "FAVORITOS", etc.) para a esquerda, colando-as no logotipo, e deixar todo o espaço vazio sobrando à direita.
auto: Quando usamos o valor auto em uma margem dentro de um container flexível (como o cabeçalho), o navegador calcula todo o espaço disponível e o entrega para aquela margem específica.margin-right: auto na lista de opções, você está dizendo: "pegue todo o espaço que sobrar à direita e transforme em margem externa". Isso faz com que a lista seja empurrada para a esquerda.padding-right: auto, o CSS não saberia o que fazer, pois o padding não aceita o valor auto para distribuir espaço sobrando. O padding serve apenas para dar um respiro interno fixo.auto.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!