Gostaria de entender pq ela usa display block no .container__titulo dentro da media query de min width 1024
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!