Gostaria de entender pq ela usa display block no .container__titulo dentro da media query de min width 1024
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Gostaria de entender pq ela usa display block no .container__titulo dentro da media query de min width 1024
Oii, Dev! Tudo bem?
Ótima pergunta! O uso do display: block no .container__titulo dentro da media query de min-width: 1024px é para garantir que o título do conteúdo ocupe toda a largura da tela na versão desktop do site.
O display: block faz com que o elemento ocupe toda a largura disponível, enquanto o valor padrão display: inline faria com que o elemento ocupasse apenas o espaço necessário para exibir o conteúdo.
Portanto, utilizando display: block, o título do conteúdo fica mais visível e legível em telas maiores, sem precisar se preocupar com o tamanho do conteúdo ou com a largura da tela.
Espero ter ajudado, qualquer dúvida, fico à disposição.
Bons estudos!