Por que quando adicionamos no-repeat no "cabecalho__menu-hamburguer" o ícone de menu descentraliza?
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 quando adicionamos no-repeat no "cabecalho__menu-hamburguer" o ícone de menu descentraliza?
Oi, Paulo! Tudo bem?
Imagina que o <span> do menu hamburguer é uma caixa quadrada, ao colocar o ícone de menu como background ele fez várias repetições pra cobrir a caixa toda, ao colocarmos o background-repeat: no-repeat ele parou de fazer as repetições, assim ocupando somente o espaço que aquela imagem cobriria. Por padrão, ele começa a preencher pelo canto superior esquerdo e não pelo centro (por isso não fica centralizado).
Bons estudos!