Solucionado
Eu fiquei com uma dúvida na hora que estamos fazendo o menu hamburguer aparecer na nossa página, eu gostaria de entender melhor porque a imagem dele que está como uma "background-image" só aparece na página com a propriedade "display: inline-block"? porque tentando compreender melhor um pouco o que cada coisa estava fazendo, percebi que ao remover essa propriedade o menu deixa de aparecer
Oii, André. Tudo bem?
Quando você define uma imagem como background-image em um elemento, esse elemento precisa ter dimensões (largura e altura) definidas para que a imagem possa ser exibida. Por padrão, elementos span são inline, o que significa que eles não respeitam propriedades de largura e altura. Isso faz com que a imagem de fundo não seja exibida.
Ao adicionar display: inline-block, você transforma o span em um elemento que respeita as propriedades de largura e altura, permitindo que a imagem de fundo seja exibida corretamente.
Espero ter ajudado.
Um abraço e bons estudos.
Muito obrigado pela ótima explicação!