Freecodecamp: Challenge instructions are not precise.

Created on 10 Jan 2020  路  2Comments  路  Source: freeCodeCamp/freeCodeCamp


Describe your problem and how to reproduce it:
I was helping a member on the forum with a challenge.
The instructions (link below) are to place an image _after_ the main element, but a moderator told them to put it _inside_ where there are two empty lines. The mod suggested that the instructions be improved and I report it on Github.

Whether the code is placed inside or outside the main element results in a pass.

Add a Link to the page with the problem:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website

Here's the forum thread:
https://www.freecodecamp.org/forum/t/i-couldnt-get-through-uploading-an-image/340110/16

Tell us about your browser and operating system:

  • Browser Name:
  • Browser Version:
  • Operating System:
    Irrelevant

If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):

learn needs help for triage

Most helpful comment

@leebut @ArielLeslie What about something like the following for the instructions section.

Let's try to add an image to our website:

Within the existing main element, insert an img element before the existing p elements.

Now set the src attribute so that it points to the following url:

https://bit.ly/fcc-relaxing-cat

Finally, don't forget to give your img element an alt attribute with applicable text.

All 2 comments

@leebut @ArielLeslie What about something like the following for the instructions section.

Let's try to add an image to our website:

Within the existing main element, insert an img element before the existing p elements.

Now set the src attribute so that it points to the following url:

https://bit.ly/fcc-relaxing-cat

Finally, don't forget to give your img element an alt attribute with applicable text.

@RandellDawson, that is much clearer, thank you. Perhaps adding a <!-- Add your code above this line --> comment in the code like other challenges would also guide the learner to the correct location.
As it stands, the code passes no matter where the image is in relation to the main element. Should that be fixed so that it fails when the img element is misplaced?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

QuincyLarson picture QuincyLarson  路  3Comments

robwelan picture robwelan  路  3Comments

SaintPeter picture SaintPeter  路  3Comments

trashtalka3000 picture trashtalka3000  路  3Comments

jurijuri picture jurijuri  路  3Comments