question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Step 12 requirements are not clear in cat photo app project

See original GitHub issue

Describe the Issue

Step 12 Turn the words cat photos located inside p element into a link using the same value for the href attribute as the link below the p element. The p element should show the same text in the browser, but the words cat photos should now be a link. Make sure to remove the a element with the text cat photos on the line below the p element.

I can’t understand the requirements. I know a is in p , but I I don’t know is add link to cat photos ,not add link to Click here to view more cat photos

at finish ,I understand from file 14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa22d1b521be39a3de7be0.md.

The test code

const nestedAnchor = $('p > a')[0];
assert(
  nestedAnchor.getAttribute('href') === 'https://freecatphotoapp.com' &&
    nestedAnchor.innerText.toLowerCase().replace(/\s+/g, ' ') === 'cat photos'
);

It is no clear for newbie

Affected Page

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

Your code

 <p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a></p>

Expected behavior

No descript

Screenshots

No response

System

  • Device: [Laptop]
  • OS: [Windows 10]
  • Browser: [Chrome
  • Version: [102.0.5005.115]

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
luojiyin1987commented, Jun 28, 2022

@Sboonny thank you!

0reactions
Liam-bostoncommented, Jun 28, 2022

^ very helpful, thank you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Cat Photo App -Step 12 - HTML-CSS
I am having a real hard time with step 12. I am doing everything i can but it keeps failing. I'm not sure...
Read more >
freeCodeCamp: CAT PHOTO APP | PROJECT SOLUTION
Are You A Coding Expert? Take Our Free Quiz and Find Out: https://www.dorscodingschool.com/quiz▻ Free Discord Group: ...
Read more >
Free Code Camp Walkthrough 1 | HTML - Cat Photo App
In this tutorial I'll show you how to get through the HTML Cat Photo App section on Free Code Camp that teaches you...
Read more >
FreeCodeCamp: Learn HTML by building a Cat Photo App
https://www.freecodecamp.org/learn/2022/responsive-web-design#learn-html-by-building-a- cat - photo -appIf you found my content helpful, ...
Read more >
Learn HTML by Building a Cat Photo App - Steps 11-20
Playlist with all steps : https://youtube.com/playlist?list=PLa-0Y08VoGnoZQbp32TfsRypozgB7Lp4GWalk through steps 11-20 of the Learn HTML by ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found