3
respostas

Cabecalho ficou em cima do Novos Lançamentos.

Meu cabeçalho ficou acima do Novos lançamentos e ali do lado do meu logo pareceu o checkbox que seria o da parte de Celular que apareceu na parte do tablet. Vou enviar o git para ficar mais facil. https://github.com/rachel4victoria/recanto_da_leitura-html

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Olá!

Pelo link que você enviou dá erro 404 acredito que você deixou ele privado sendo assim não tenho acesso ao mesmo, você poderia abrir ou reenviar o link

Deste modo privado não consigo executar o seu projeto, que por sinal está ficando muito bacana.

Ao clicar no seu link volto com o seguinte erro:

Foto de erro 404, no github

Aguardo seu retorno e bons estudos!

Opa! estava privado e nem tirei. https://github.com/rachel4victoria/recanto_da_leitura-html Segue novamente

Olá, tudo bem?

Muito obrigado por compartilhar o link, gostaria de dizer que seu projeto está ficando incrível, adorei a paleta e as imagens utilizadas está ficando muito bonito.

Quanto ao seu erro ele acontece por conta da falta da implementação de fontes maiores no projeto, o da instrutora as fontes ficarão maiores em monitores acima de 1024px por conta da responsividade e esse erro será reparado, observe o meu resultado:

Foto do projeto, dentro do navegador com fontes alteradas

Você deve implementar o seguinte código no final do seu arquivo Banner.css:

@media screen and (min-width: 1024px) {
    .banner__titulo {
        font-size: 36px;
    }

    .banner__pesquisa {
        width: 50%;
    }

    .banner__pesquisa::placeholder {
        background-position: 7em;
    }
}

@media screen and (min-width: 1728px) {
    .banner__pesquisa {
        width: 35%;
    }

    .banner__pesquisa::placeholder {
        background-position: 12em;
    }

    .banner {
        padding: 6em 0;
    }
}

Por fim basta aumentar a fonte no arquivo carrossel.css e na classcarrossel__titulo aumentar o font size para 36px( font-size: 36px;), e por fim um errinho talvez bobo é que no seu head no index.html tem umas aspas duplas que está empurrando o body para baixo, basta apagar na linha 11 com o seguinte conteudo:

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap" rel="stylesheet">"

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!