Freecodecamp: Waypoint : Rendre les images mobiles réactives

Créé le 25 août 2015 · 3Commentaires · Source: freeCodeCamp/freeCodeCamp

Le défi http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive a un problème. Veuillez décrire comment le reproduire et inclure des liens vers des captures d'écran si possible.

Ci-dessous le code pour 2 images comme demandé. 2 tests sur 3 réussissent. Le dernier indique que l'URL de l'image doit être " http://bit.ly/fcc-running-cats " comme indiqué ci-dessous. L'image se charge correctement mais le test échoue.
img class="bordure-verte-épaisse img-responsive" src=" http://bit.ly/fcc-relaxing-cat "
img class="bordure verte épaisse img-responsive" src=" http://bit.ly/fcc-running-cats "

--balises d'angle supprimées pour empêcher le chargement de l'image

Source

danielonodje

Commentaire le plus utile

Vous devez ajouter un s à votre http (https:)

yaseenagag le 3 nov. 2016

👍2 ❤1

Tous les 3 commentaires

Avez-vous essayé de réinitialiser le test et de le coller à nouveau ? ça a marché sur la mienne.

shufengh le 25 août 2015

Merci @sir-castiq !

Consultez le Guide de formatage du code pour savoir comment afficher votre code et ne pas le faire restituer le HTML.

Je pense que votre problème est que votre première balise img n'est pas à l'intérieur du <a> du défi précédent :

  <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">

fonctionne bien pour moi.

Je vais le fermer mais le rouvrir si vous rencontrez toujours des problèmes.