Oi @Borzistephany18! Tudo ok contigo?
Bom sobre o primeiro problema, o que pode estar acontecendo é que o input
continua visível, para resolver isso você precisa abrir o arquivo Style > Header.css, ir na linha procurar esses estilos aqui: .container__botao:checked~.lista__menu
e no final deles, ali pela linha 36 mais ou menos adicione novos estilos, para começar você vai chamar a classe .container__botao
e vai adicionar display: none
nela. Depois disso vai adicionar isso .container__botao ~ label
e adicione a propriedade margin-left: 1rem;
nela, no final você terá algo assim:
.container__botao:checked ~ .lista__menu {
display: block;
position: absolute;
top: 100%;
}
.container__botao {
display: none;
}
.container__botao ~ label {
margin-left: 1rem;
}
Isso deve resolver o primeiro problema (na verdade, eu não entendi direito a explicação que você deu, mas do que entendi olhando o projeto e o que você mencionou, o que lhe passei deve resolver).
Segundo problema: Esse problema ficou bem visível, mas isso só aconteceu por conta dessa propriedade: width: 390.25px;
, como você pode ver, você usou uma unidade absoluta (pixel -> px
) na largura do banner, eu particularmente não recomendo muito isso. Mas para resolver você deve abrir o arquivo Style > Banner.css, ir na linha 3 e trocar width: 390.25px;
por width: auto;
, e pronto problema resolvido.
Era isso, se precisar eu estarei por aqui!
Abraços e bons estudos.
Caso este post tenha lhe ajudado, por favor marque ele como solução! ✓