por que nesse exemplo foi usado margin-right ao inves de padding-right ?
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!