Cat Photo App - Revenge of Step 12

Describe the Issue

Step 12 continues to plague users. I would be really good if we can get them to understand “copy-paste the previous anchor element into this new spot” without saying that explicitly.

(Follow-up from discussion on Discord with @bbsmooth @ieahleen @hbar1st)

Affected Page

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12

Expected behavior

Possible extended wording

You have now created a link with the text cat photos. The words cat photos are underlined next to the image in the preview now. You can click on the link now.

Now, turn the words cat photos inside of your p element into a new link to https://freecatphotoapp.com by placing these words inside of a new anchor element.

Screenshots

No response

System

All

Additional context

No response

[jeremylt]

It also might help to change Step 11 to put different text inside of the first anchor element so they are easier to tell apart?

[jeremylt]

I am still not sure that is needed.

We don’t have to get this perfect and make this completly simple all in one shot. I think we the should give the learners a chance to synthesize the concepts ‘anchor element with the href attribute = value’ into ‘link to value’.

This is similar to the language on Step 10

You can link to another page with the anchor (a) element. For example, would link to freecodecamp.org.

Add an anchor element after the paragraph that links to https://freecatphotoapp.com. At this point, the link won’t show up in the preview.

I think this provides a better explanation of what happened than we currently have and gives the idea that we want them to do it again.

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by placing these words inside of opening and closing anchor (a) tags.

We would then also change Step 11 to use different text. Perhaps link to cat pictures.

I think we should not strive to answer 0 questions about this Step but instead expect to answer far fewer than currently but a little bit more than previous Steps.