Desafio 13

[Nizin-dev]

Porque a imagem fica assim? codigo ta igual o do guanabara

[BenjamimCS]

Você tá usando overflow: hidden? Minha hipótese é de que você colocou o iframe dentro de uma <div> ou <section> (um wrapper em geral) e desativou o overflow (hidden) nesse wrapper e o seu iframe tá com uma largura maior do que a caixa pai. Veja se não seja isso.

[Nizin-dev]

Man, nem tinha colocado overflow, consegui resolver mudando o width das img, de 100vh, para 270px mas n sei se é a maneira certa

[BenjamimCS]

Tá explicado. Eu tinha esquecido desse exercício, kkk! Achava que a URL do iframe fosse do site dk YouTube e não uma imagem.

Vamos ao problema: a medida vh significa viewport height, altura da viewport. Você está utilizando uma medida relativa à altura e não à largura, por isso tal overflow (relembre das meidas relativas e absolutas: vh e vw são relativas).

Para mais consulte o mdn webdocs da Mozilla que o professor falou no início do curso, é um ótimo site para referências de tecnologias Web.

Já dizia o professor: "se não funcionou é porque não tá igual".

[Nizin-dev]

Obrigado mano, kkkkkkk tinha conseguido resolver mudando a propiedadde para px, tava dando errado por usar 100% da altura e nao da largura,

[BenjamimCS]

Com a Issue resolvida, por favor, feche-a.