Oii, Vanessa! Tudo bem?
Você definiu a propriedade display: none; para a classe .container__titulo. Isso faz com que o elemento com essa classe não seja exibido na tela.
Se não estou errada você tentou corrigir isso na sua media query para mais telas com o min-width: 1024px, onde você altera a propriedade para display: block;. Isso significa que o título "AluraBooks" só será exibido em telas com largura mínima de 1024px. Não é isso que queremos, certo?
Portanto, para que o título seja exibido em todos tamanhos de telas, você precisa remover a propriedade display: none; da classe .container__titulo e deixar fora da media query.
Aqui vou deixar um exemplo de como o CSS pode ficar:
.container__titulo {
font-family: var(--fonte_secundario);
font-size: 30px;
font-weight: 400;
}
.container__titulo-negrito {
font-weight: 700;
}
@media screen and ( min-width: 1024px) {
.container__titulo {
display: block;
}
}
Se a dúvida persistir, estou aqui para te ajudar! =)
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.
