search

cursoemvideo / cursoemvideo-html5

Material do Curso de HTML5 e CSS3 do Curso em Vídeo
MIT License
2.36k stars 156 forks source link

Site Exemplo incompleto no github pages #14

Open Carro0301 opened 2 years ago

Carro0301 commented 2 years ago

Subi a minha página do mini site que criamos no módulo 2 e coloquei a página no ar pelo github pages. Porém, as imagens da Irian blok não aparecem no site, muito embora no repositório local no meu notebook as imagens estão ok. No GitHub o código está correto, e a pasta "imagens" também está lá. Não compreendi o que está acontecendo. O site: https://carro0301.github.io/Desafio-site/

O código: https://github.com/Carro0301/Desafio-site/blob/main/index.html

moisesdreckmann commented 2 years ago

@Carro0301 Boa tarde!

Detectei, ao visualizar seu site, que suas imagens estão com um problema de responsividade. Dê uma olhada novamente no funcionamento do source media, acessando as aulas do Curso em Video ou acessando a documentação pela MDN. Trocando a opção de min-width para max-width irá resolver este problema.

Sobre a imagem não estar aparecendo, verifique a extensão dos arquivos. A imagem irina-blok está aparecendo no img como JPG, e no source media está como PNG. Isso pode resolver sua duvida. Também recomendo cuidar da parte do aninhamento do documento, para mantê-lo mais organizado.

Um abraço, bons estudos.