Responsive Web Design course - Building a Nutrition Label - Small bug

There seems to be a small bug in the “Building a Nutrition Label” exercise of the Responsive Web Design Course:

In the last two steps (66 and 67), the code of the index.html file changes with additional code that didn’t exist in the steps before (and it isn’t added in these steps either).

How it should be:

<div class="calories-info">
      <div class="left-container">
        <h2 class="bold small-text">Amount per serving</h2>
        <p>Calories</p>
      </div>
      <span>230</span>
    </div>

What it becomes:

<div class="calories-info">
      <div class="left-container">
        <h2 class="bold small-text">Amount per serving</h2>
        <p>Calories</p>
      </div>
      <span class="right">230</span>
    </div>

It doesn’t break anything, but it’s confusing because the class “right” doesn’t make sense there. I only noticed it while going through the final code one more time to make sure I understood it correctly.

Not a big deal, but I wanted to make you aware and provide a chance to fix it.

Michael

For me I see that between step 65 and 66.

You can open a GitHub issue to discuss it there if you like. (Instructions below)

Bugs can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

Thanks for pointing me in the right direction. I noticed another small bug and opened an issue on Github for it: Unnecessary use of class in Nutrition Label course · Issue #49207 · freeCodeCamp/freeCodeCamp · GitHub

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.