Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Bug] Não aparece o Favoritos e Minha estante no meu Header

Boa tarde, fiz tudo certo na aula porem meu projeto ficou assim:

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

index.html

...
<ul class="opções">
        <li class="opções__item">Categorias</li>
         <li class="opções__item"><a href="#" class="opções__link">Favoritos</a></li>
        <li class="opções__item"><a href="#" class="opções__link">Minha estante</a></li>
 </ul>

   

header.css

@media screen and (min-width: 1024px) {

.container__titulo, 
.container__titulo--negrito{
    font-family: var(--font-secundaria);
    font-size: 30px;
}

.container__titulo{
    font-weight: 400;
    display: block;
}

.container__titulo--negrito{
    font-weight: 700;
}

.opções{
    display: flex;
}

.opções__item{
    padding: 0 1em;
    text-transform: uppercase;
}

.opções__link{
    text-decoration: none;
    color: var(--preto);
}

.container__img-transparent{
    display: none;
}

.cabeçalho__menu-hamb{
    display: none;
}
    }
4 respostas

Oii, Vitor. Tudo bem?

Preciso de mais informações para entender sua dúvida.Siga as orientações do guia de como fazer uma boa pergunta no fórum e me retorne com mais informações do problema.

Aguardo seu retorno! Abraço.

Boa tarde como eu disse eu não consigo fazer as opções de favoritos e minha estante no meu código e ele esta assim:

index.html

    ...

    <li class="opções__item">Categorias</li>
     <li class="opções__item"><a href="#" class="opções__link">Favoritos</a></li>
    <li class="opções__item"><a href="#" class="opções__link">Minha estante</a></li>
 </ul>
 

header.css

@media screen and (min-width: 1024px) {

.container__titulo, 
.container__titulo--negrito{
font-family: var(--font-secundaria);
font-size: 30px;
}

.container__titulo{
font-weight: 400;
display: block;
}

.container__titulo--negrito{
font-weight: 700;
}

.opções{
display: flex;
}

.opções__item{
padding: 0 1em;
text-transform: uppercase;
}

.opções__link{
text-decoration: none;
color: var(--preto);
}

.container__img-transparent{
display: none;
}

.cabeçalho__menu-hamb{
display: none;
}
}

Oi, Victor.

Pra te ajudar melhor, por favor, mande seu código completo em um repositório GitHub, porque só essa parte do código não vamos conseguir fazer testes e encontrar o erro.

Precisamos do HTML e CSS completo.

Um abraço.

solução!

Boa Tarde, desculpe pela situação, na verdade o erro era que a cor do preto estava transparente, por essa razão não funcionava.