Freecodecamp: Ponto de referência: torne as imagens responsivas para dispositivos móveis

Criado em 25 ago. 2015 · 3Comentários · Fonte: freeCodeCamp/freeCodeCamp

O desafio http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive tem um problema. Descreva como reproduzi-lo e inclua links para capturas de tela, se possível.

Abaixo está o código para 2 imagens conforme solicitado. 2 de 3 testes passam. O último diz que o URL da imagem deve ser " http://bit.ly/fcc-running-cats " como mostrado abaixo. A imagem é carregada corretamente, mas o teste não passa.
img class="thick-green-border img-responsive" src=" http://bit.ly/fcc-relaxing-cat "
img class="thick-green-border img-responsive" src=" http://bit.ly/fcc-running-cats "

--angle tags removidas para evitar o carregamento da imagem

Fonte

danielonodje

Comentários muito úteis

Você precisa adicionar um s ao seu http (https:)

yaseenagag em 3 nov. 2016

👍2 ❤1

Todos 3 comentários

Você já tentou redefinir o teste e colá-lo novamente? funcionou no meu.

shufengh em 25 ago. 2015

Obrigado @sir-castiq!

Confira o Guia de Formatação de Código para saber como exibir seu código e não fazer com que ele renderize o html.

Acho que seu problema é que sua primeira tag img não está dentro do <a> do desafio anterior:

  <a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
  <img class="thick-green-border img-responsive" src="http://bit.ly/fcc-running-cats">

funciona bem para mim.

Vou fechar isso, mas reabri-lo se você ainda estiver tendo problemas.