Freecodecamp: Waypoint: Make Images Mobile Responsive

Created on 25 Aug 2015  路  3Comments  路  Source: freeCodeCamp/freeCodeCamp

Challenge http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive has an issue. Please describe how to reproduce it, and include links to screenshots if possible.

Below is the code for 2 images as requested. 2 of 3 tests pass. The last one says the image URL should be "http://bit.ly/fcc-running-cats" as is shown below. The image loads correctly but the test does not pass.
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 removed to prevent image loading

Most helpful comment

You need to add an s to your http (https:)

All 3 comments

Have you tried to reset the test to and paste it again? it worked on mine.

Thanks @sir-castiq!

Check out the Code Formatting Guide for how to display your code and not have it render the html.

I think your issue is that your first img tag isn't inside the <a> from the previous challenge:

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

works fine for me.

I'm going to close this but reopen it if you are still having issues.

You need to add an s to your http (https:)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

QuincyLarson picture QuincyLarson  路  3Comments

DaphnisM picture DaphnisM  路  3Comments

raisedadead picture raisedadead  路  3Comments

Akshit-p picture Akshit-p  路  3Comments

MichaelLeeHobbs picture MichaelLeeHobbs  路  3Comments