Step 12 requirements are not clear in cat photo app project
See original GitHub issueDescribe 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
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:
- Created a year ago
- Comments:5 (4 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@Sboonny thank you!
^ very helpful, thank you.