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.

Remove "6 spaces" from hints for cat photo app step 6

See original GitHub issue

Describe the Issue

The new description seems to be working well as the amount of step 6 issues in the forums has gone way down. But I think the hints are still causing confusion for some people, primarily the mention of 6 spaces. If they don’t get it right on the first try then they start adding six spaces to everything.

Affected Page

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

Your code

N/A

Expected behavior

Remove the mention of six spaces completely in the hints. Personally, I think there should be just one hint that says something like:

“Hint: Restart this step to get the original indentation back. Then, only add two more spaces in front of the p element. Do not change anything else.”

My experience is that once they get it wrong then they start changing other things they shouldn’t and they ultimately need to restart to get the original formatting back anyway. So let’s just tell them to do that immediately. I guess this would also mean that we would need the restart button to show on the first fail.

Screenshots

No response

System

N/A

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:2
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
lasjorgcommented, Aug 3, 2022

@bbsmooth Maybe open the issue anyway, just to get some more eyes on it?

1reaction
bbsmoothcommented, Jul 30, 2022

I believe it works better than making it so they have to restart.

I think we will have to disagree there 😃 My experience in the forums is that they almost always have to restart the step to get the original formatting back because they have changed things they shouldn’t have and they just can’t get them back to what they should be without restarting.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Learn HTML by Building a Cat Photo App - Step 6 - HTML-CSS
Hello! In order to indent the line you can just simply use tab, or 2 spaces. It should look something like this. Mod...
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: 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 >
Learn HTML by Building a Cat Photo App - Steps 51-60
Playlist with all steps : https://youtube.com/playlist?list=PLa... Walk through steps 51-60 of the Learn HTML by Building a Cat Photo App ...
Read more >
Learn HTML by Building a Cat Photo App - YouTube
We're going to learn CSS animation by building a cat photo app. ... element 00:25:52 Step 6 - nesting elements 00:28:05 Step 7...
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