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.

Users blindly copying example

See original GitHub issue

Describe the Issue

I like the updated description better, but now users are blindly copying the example and jamming it into their code instead of reading the instructions… I’m not sure how to help prevent that?

Affected Page

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

Your code

Sample User Code:

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

Expected behavior

Users should read.

Screenshots

No response

System

All

Additional context

No response

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:24 (23 by maintainers)

Top GitHub Comments

4reactions

jeremyltcommented, Jun 10, 2022

Step 6

In the previous step, you nested the h2 element, comment, and p element within the main element. Indenting nested elements two more spaces than their parent element improves readability:

<ul> 
  <li> This `li` element indented </li>
  <li> This `li` element is also indented </li>
</ul>

Add two spaces in front of the h1, comment, and p elements so your HTML is more readable.

2reactions

bbsmoothcommented, Jun 15, 2022

Just more random thoughts on this.

Perhaps we should add some tests that look for the <ul> and <li> elements and then we could give feedback telling them that they should not add any new elements to the HTML and even recommend they restart the step.

Or add a note just below the code example that makes it clear that it is just an example and they should not add any new elements to their HTML.