Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Display: block

Olá, por gentileza, eu fiquei com dúvida qdo é colocado a imagem ao lado do texto o professor colocou display block. Fiquei confusa, pq eu entendi que qdo se tem display: block mais nada ocupa aquela mesma linha.

Poderiam me ajudar por favor?

Desde já agrdeço Abração.

3 respostas
solução!

Boa noite, Renata!

Você está certíssima no seu comentário, por padrão um elemento com display block não deveria aceitar outros elementos ao seu lado. Entretanto, perceba que a seção "sobre", dentro da qual a imagem se encontra, possui a propriedade de display flex:

@media screen and (min-width: 1024px)
.sobre {
    display: flex;
}

Essa propriedade dá um posicionamento especial para os itens que estão dentro dessa seção. Veja o que acontece quando a desativamos:

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

Se quiser, você pode dar uma conferida na documentação para saber mais sobre o display flex. Inclusive, temos aqui na Alura um curso só sobre este tema, recomendo muito. ;)

Abraços,

Muito obrigada Gabriel pela atenção, agora entendi :)

Vou estudar essa documentação que vc me informou.

Grande abraço. :)

Fico feliz em ter ajudado! Você pode também marcar o tópico como solucionado, para ajudar futuros colegar que vierem a ter a mesma dúvida futuramente =)