2
respostas

[Dúvida] disposição dos elementos dentro da <div class=

Boa noite,

O professor passou uma lista pronta dos vídeos para a aula:

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

Antes mesmo de aplicar qualquer estilização o do professor ficou assim:

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

Não entendi como a img ficou de um lado e o h3 e p empilhados do outro. Uma vez que os três elementos estão na mesma div, os três não deveriam estar empilhados? O meu ficou assim:

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

obs.: o curso é de flexbox então ja tinha uma estilizacao definida para algums items.

2 respostas

Bom dia Zoé, se tivesse o código completo, ficaria melhor de dar uma resposta completa, mas nesse caso para a imagem ficar ao lado do texto, basta colocar um display: flex na classe videos__item. Acho que vai precisar alinhar os texto a esquerda.

Espero que eu tenha ajudado.

Boa noite, se eu colocar display: flex na classe videos__item os item filhos vão ficar um do lado do outro. Como eu disso, o do professor ficou com a imagem de um lado e o h3 e o p empilhados do outro. Mas já consegui entender, ele tinha aplicado o desafio usando grid, por isso já estava configurado dessa forma. obrigada mesmo assim :)