Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Media Query não está funcionando

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Selecionando Media Queries e atividade Aumentando o header

por Victoria Vicente Rocha
| 37.9k xp | 9 posts

O AluraBooks do Header não altera a fonte, tamanho e nem fica em negrito

https://github.com/vicotirah/alura-books

2 respostas
solução!
por Matheus Fernandes Luz
| 126.2k xp | 12 posts

Boa tarde Victoria! Espero que esteja tudo bem.

Percebi que tem um display: none que não está sendo alterado no @media screen, colocando um display block ele volta aparecer se a largura da tela for maior que 1024px.

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

    .container__titulo,
    .container__titulo--negrito {
        display: block; 
        font-family: var(--fonte-secundaria);
        font-size: 1.875rem;
    }

    .container__titulo {
        font-weight: 400;
    }

    .container__titulo--negrito {
        font-weight: 700;
        font-family: var(--fonte-secundaria);

    }
}
por Victoria Vicente Rocha
| 37.9k xp | 9 posts

Muito obrigada :)