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.

Incorrectly indented code in steps 12 through 89 of the Learn Intermediate CSS by Building a Picasso Painting project

See original GitHub issue

Describe the Issue

I came across this forum topic where the user was confused about opening/closing tags for div elements. After looking at step 12 of the project, I noticed the starting code for step 12 (the solution for step 11) added an indentation of 4 spaces not needed for the <div class="characters">. Also, the </body> has too much indentation.

Affected Page

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-intermediate-css-by-building-a-picasso-painting/step-12

Incorrect code

Instead of the starting code looking like:

  <body>
    <div id="back-wall"></div>
        <div class="characters">

          </div>
      </body>

Expected behavior

It instead should look like:

  <body>
    <div id="back-wall"></div>
    <div class="characters">

    </div>
  </body>

This affects all the remaining steps through step 89 (the final step). This will be an easy but tedious task to fix all the steps.

Screenshots

No response

System

  • Device: [e.g. iPhone 6, Laptop]
  • OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04]
  • Browser: [e.g. Chrome, Safari]
  • Version: [e.g. 22]

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
RandellDawsoncommented, Jul 22, 2022

This would be much easier to fix using the Challenge Editor. @ieahleen created an issue to have instructions for using it added to the How to Work on Practice Projects guide.

1reaction
ieahleencommented, Jul 22, 2022

@emcode93 issues are not assigned, feel free to open a PR

@hrittik2002 don’t trust PR titles, there isn’t such a folder, the steps are in curriculum/challenges/english/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting Please read the contributing guidelines at contribute.freecodecamp.org

Read more comments on GitHub >

github_iconTop Results From Across the Web

Learn Intermediate CSS by Building a Picasso Painting - Step ...
Learn Intermediate CSS by Building a Picasso Painting - Step 50 · Tell us what's happening: Describe your issue in detail here. I...
Read more >
challenge-editor should be documented · Issue #46987 - GitHub
Incorrectly indented code in steps 12 through 89 of the Learn Intermediate CSS by Building a Picasso Painting project #46982.
Read more >
Untitled
Gs-12 pay scale step increases, Docva archivio, 106 infantry division patch, Corporate practices and conduct 1991, Bar district indianapolis. Learning ...
Read more >
sitemap-questions-0.xml - Stack Overflow
... /is-there-a-way-to-convert-indentation-in-python-code-to-braces 2022-12-20 ... 2022-12-21 https://stackoverflow.com/questions/1205159/html-css-making- ...
Read more >
Untitled
Murvin police and thieves! Annuaire pages jaunes italie, Chartboost revenue split, Fc rocherath junioren! Image canard boiteux, Gatorade bottle technology, ...
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