Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Alurabooks nao aparece quando em tela maior

estava fazendo a aula e qunado cheguei na parte de tirar o nome alurabooks do lado da logo em telas menores o mesmo nao apareceu em telas maiores tambem

.container__titulo {
    display: none;
}

@media screen and (min-widht: 1024px) {
    
    .container__titulo,
    .container__titulo--negrito {
        font-family: var(--fonte-secundaria);
        font-size: 30px;
    }

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

    .container__titulo--negrito {
        font-weight:  700;
    }
}
 <img src="assets/Logo.svg" alt="Logo da AluraBooks" class="container__imagem">
            <h1 class="container__titulo"><b class="container__titulo--negrito">Alura</b>Books</h1>

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

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!

Olá amigo.
Há um pequeno erro de gramatica nesta linha:

  • @media screen and (min-widht: 1024px)
    A palavra correta é width.
    Corrije no código que funciona.
    Não se preocupe que este erro é muito comum acontecer e confunde muita gente.
    Tem que ficar esperto também com height e length ^^´
    Comente ai qualquer duvida.
    Bons estudos.