Boa noite! Estou com dois problemas: o primeiro é que o meu menu não está centralizado em categoria e eu não consegui mudar isso. O segundo é o meu banner que não está sendo preenchido de acordo com as mudanças do tamanho da tela. Segue meu GitHub. Quem puder me ajudar, desde já agradeço
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.