{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/0f3dfd4afac347c58d71248856517866\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/0f3dfd4afac347c58d71248856517866-00001.gif","duration":228.4666666666666,"title":"Alinhamento de imagem e texto no CSS","description":"E aí Jackson, tranquilo? Guilherme aqui. Eu tenho um programinha de gravatela que acho mais fácil de explicar. Entendi sua dúvida. Vou te mostrar dois cenários possíveis: alinhar a imagem e o texto lado a lado ou colocar a imagem em cima e o texto embaixo. Notei que a div está com um tamanho muito apertado, então podemos ajustar isso no CSS. Também podemos centralizar a div e adicionar margens para deixar o layout mais descentralizado. Se quiser a imagem em cima e o texto embaixo, podemos usar a propriedade flex-direction: column. Dá uma olhada no código HTML e CSS para entender melhor. Se tiver mais dúvidas, é só me avisar. Vamos aprender juntos!"}