Freecodecamp: Waypoint: hacer que las imágenes respondan a los dispositivos móviles

Creado en 25 ago. 2015 · 3Comentarios · Fuente: freeCodeCamp/freeCodeCamp

El desafío http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive tiene un problema. Describa cómo reproducirlo e incluya enlaces a capturas de pantalla si es posible.

A continuación se muestra el código para 2 imágenes según lo solicitado. Pasan 2 de 3 pruebas. El último dice que la URL de la imagen debe ser " http://bit.ly/fcc-running-cats ", como se muestra a continuación. La imagen se carga correctamente pero la prueba no pasa.
img class="borde-verde-grueso img-responsive" src=" http://bit.ly/fcc-relaxing-cat "
img class="grueso-borde-verde img-responsive" src=" http://bit.ly/fcc-running-cats "

--etiquetas de ángulo eliminadas para evitar la carga de imágenes

Fuente

danielonodje

Comentario más útil

Debe agregar una s a su http (https:)

yaseenagag en 3 nov. 2016

👍2 ❤1

Todos 3 comentarios

¿Has intentado restablecer la prueba y pegarla de nuevo? funcionó en el mío.

shufengh en 25 ago. 2015

Gracias @sir-castiq!

Consulte la Guía de formato de código para saber cómo mostrar su código y no hacer que represente el html.

Creo que tu problema es que tu primera etiqueta img no está dentro del <a> del desafío 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 bien para mí.

Voy a cerrar esto, pero volveré a abrirlo si todavía tienes problemas.