Olá Bruno! Tudo ok contigo?
Bom isso é bem simples! O que aconteceu ali é que você colocou a propriedade de flex-contêiner: justify-content: space-around;
na classe da tag nav
, por isso o espaço foi dividiu o espaço entre os itens filhos da tag nav
, e isso inclui a label
que não estava sendo estilizada até então. Ou seja, quando o espaço era divido por mais que o input
, a lista de itens, e etc, não fossem contados, você somente se esqueceu da label
.
Dessa forma a solução foi fazer isso no arquivo nav.css:
.container__botao,
.cabeçalho__menu-hamburguer,
.opçoes__rotulo {
display: none;
}
Ou seja, deixar a label
invisível. E como você deve ter visto, eu juntei as chamadas de display em um lugar só, assim fica mais fácil de controla o que some, e evita repetição de código.
Antes estava assim (nav.css {linha 75 até 81}):
.container__botao{
display: none;
}
.cabeçalho__menu-hamburguer{
display: none;
}
Então eu mudei para o código de antes, ficou bem mais conciso e simplificado.
Era isso. Se tiver dúvidas é só falar! Eu estarei por aqui para ajudar.
Abraços e bons estudos.
Caso este post tenha lhe ajudado, por favor marque ele como solução! ✓