Olá, Pedro! Tudo bem com você?
Na verdade, a escolha entre essas duas propriedades vai depender do comportamento desejado para o elemento em questão.
O display block
faz com que o elemento ocupe toda a largura disponível, ou seja, ele quebra a linha e empurra outros elementos para baixo. Já o display inline
faz com que o elemento seja exibido na mesma linha que os outros elementos, sem quebrar a linha.
No caso específico da aula/exercício que você mencionou, a Moni utilizou o display block
para fazer elementos que originalmente eram inline
aparecerem. Isso pode ter sido necessário para que esses elementos ocupassem a largura total da tela em determinada situação, como em telas grandes, por exemplo.
No entanto, é importante ressaltar que não existe uma forma "correta" ou "errada" de utilizar o display block
ou o display inline
. A escolha vai depender das necessidades do seu layout e do comportamento que você deseja para os elementos.
Se você precisa que um elemento ocupe toda a largura disponível e quebre a linha, o display block
é a escolha mais adequada. Por outro lado, se você precisa que o elemento seja exibido na mesma linha que os outros, sem quebrar a linha, o display inline
é a opção mais indicada.
Espero ter esclarecido a sua dúvida! Se tiver mais alguma pergunta, é só me dizer.
Caso este post tenha lhe
ajudado, por favor, marcar como solucionado ✓. Bons Estudos!