Freecodecamp: Waypoint: Machen Sie Bilder mobil ansprechend

Erstellt am 25. Aug. 2015  ·  3Kommentare  ·  Quelle: freeCodeCamp/freeCodeCamp

Challenge http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive hat ein Problem. Bitte beschreiben Sie, wie Sie es reproduzieren können, und fügen Sie nach Möglichkeit Links zu Screenshots bei.

Unten ist der Code für 2 Bilder wie gewünscht. 2 von 3 Tests bestehen. Der letzte besagt, dass die Bild-URL " http://bit.ly/fcc-running-cats " lauten sollte, wie unten gezeigt. Das Bild wird korrekt geladen, aber der Test wird nicht bestanden.
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 entfernt, um das Laden von Bildern zu verhindern

Hilfreichster Kommentar

Sie müssen Ihrem http (https:) ein s hinzufügen.

Alle 3 Kommentare

Haben Sie versucht, den Test zurückzusetzen und erneut einzufügen? bei meinem hat es funktioniert.

Danke @sir-castiq!

Sehen Sie sich den Code-Formatierungsleitfaden an, um zu erfahren, wie Sie Ihren Code anzeigen können, ohne dass der HTML-Code gerendert wird.

Ich denke, Ihr Problem ist, dass sich Ihr erstes img-Tag nicht in <a> aus der vorherigen Herausforderung befindet:

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

funktioniert gut für mich.

Ich werde dies schließen, aber wieder öffnen, wenn Sie immer noch Probleme haben.

Sie müssen Ihrem http (https:) ein s hinzufügen.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen