Por que quando adicionamos no-repeat no "cabecalho__menu-hamburguer" o ícone de menu descentraliza?
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!