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

[Dúvida] Por que o display: block faz com que o elemento container__titulo apareça?

Olá! Estou com uma dúvida em relação ao momento em que o display: block é aplicado em @media screen and (min-width:1024px) na class .container__titulo. Por qual motivo essa propriedade de display: block faz com que o logo AluraBooks apareça? Testei com display: flex e também apareceu.

Obrigado! :)

1 resposta
solução!

Boa noite Alejandro! Tudo certinho contigo? Acho que entendi sua dúvida. Quando estamos utilizando os @media, devemos sempre pensar que estamos lidando com "condicionais". Pode-se pensar assim:

O .containertitulo será visível tanto para o "display: block" quanto para o "display:flex" porque ocorreu a mudança da propriedade "display:none" (sendo o tamanho da sua tela o gatilho).

Ou seja, você especificou que para telas maiores do que 1024px, o seu .containertitulo não terá mais seu display como "none", mas sim como "flex" (o que faz com que sua tag apareça).

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software