Step 16 of CSS color markers project should show users how to add multiple classes

Describe the Issue

This issue has come up a few times on the forum and most recently in this discussion. This lesson wants users to add multiple classes to the div element but they are not shown how to do it. Most users will write this which is incorrect.

  <div class="marker" class="one">
  </div>

We should show users how to properly add multiple classes to an html element by providing a small code example in the lesson.

  <div class="exampleClass1 exampleClass2">
  </div>

Affected Page

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-16

Your code

Provide a small example for beginners

<div class="exampleClass1 exampleClass2">
</div>

Expected behavior

N/A

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

[RandellDawson]

@moT01 and I briefly discussed this issue in the chat last week. I like Tom’s idea of reworking this particular step (step 16) to focus on teaching about multiple classes (adding the necessary class) and then adding a new step (a new step 17) that would focus on the current focus of step 16 (colors). I don’t know how the new step 17 would look like exactly, but I am sure there is a way.

The new step 16 could definitely be something like what @Sboonny mentioned above.

[Petrtolu]

My bad… Thanks, been able to get ahead