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.

Cat Photo App - Step 6: Extra spaces after opening main tag causing test to fail

See original GitHub issue

Describe the Issue

The camper’s HTML was indented correctly but they accidentally added some extra spaces after the opening <main> tag which caused the test to fail.

Affected Page

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

Your code

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>        
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
    </main>
  </body>
</html>

Expected behavior

Test should probably pass even with those extra spaces.

Screenshots

No response

System

I don’t know what system they were on but I’m on:

  • Device: [Desktop]
  • OS: [Linux - Fedora 34]
  • Browser: [Firefox]
  • Version: [101]

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:1
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
bbsmoothcommented, Jun 14, 2022

That P.S. comment was just me having a little fun with the fact that I can come off as sort of a kill joy because I’m always bringing up accessibility issues that can potentially create extra work. I didn’t expect it to be taken seriously and I’m not expecting any of the curriculum to switch from spaces to tabs. But tabs are more accessible, so in the ongoing war between tabs and spaces, tabs win!

0reactions
jeremyltcommented, Oct 23, 2022

@Shyamjizoyo this is not as appropriate place to ask for help finishing the curriculum. As stated above, you can ask for help on the forum or chat.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Learn HTML by Building a Cat Photo App - Step 6 - HTML-CSS
I'd first press the 'restart step' button. You seem to have deleted your <main> elements opening tag and that is needed to pass...
Read more >
Learn HTML by Building a Cat Photo App - YouTube
Hello everyone!We're going to learn CSS animation by building a cat photo app. The goal is to get you started and have you...
Read more >
Let's learn HTML by building a cat photo app! [Free ... - YouTube
Hello everyone!In this inaugural stream, we're going to start learning HTML, the markup language that underpins the Web, through a hands-on ...
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 >

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