1
resposta

[Projeto] Imagem do lado Direito do Texto

Acabei de terminar o curso de HTML e CSS da Formação A partir do zero: iniciante em programação e fui tentar fazer uma landing page. Porem não estou conseguindo colocar essas imagens do lado direito da página nem os vídeos centralizados. Não sei o que estou fazendo de errado.

Esse é o link do codigo: https://jsfiddle.net/dn9u7zef/1/

1 resposta

Olá, Matheus.

Tudo bem?

O que eu acho que está dificultando de você colocar os elementos a direita dos textos, é a sua <section> principal de classe apresentacao__conteudo, você definiu uma largura fixa de 50% (width: 50%;), acaba ficando pouco espaço para trabalhar. Minha dica é você definir a largura na classe apresentacao__conteudo como 100% (width: 100%;) e alterar o tamanho dos elementos, textos etc.

Para deixar a imagem ao lado do texto você envolve o texto e a imagem com uma <div>, coloca o dixplay: flex; nessa <div>.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.