search

gustavoguanabara / html-css

Curso de HTML5 e CSS3
https://gustavoguanabara.github.io/html-css/
MIT License
13.96k stars 3.35k forks source link

Desafio 13 #641

Open Nizin-dev opened 3 months ago

Nizin-dev commented 3 months ago

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

BenjamimCS commented 3 months ago

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 commented 3 months ago

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

BenjamimCS commented 3 months ago

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 commented 3 months ago

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

BenjamimCS commented 3 months ago

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