Learn CSS Colors by Building a Set of Colored Markers - Step 16

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
    <h1>CSS Color Markers</h1>
    <div class="container">

<!-- User Editable Region -->

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

<!-- User Editable Region -->

/* file: styles.css */
h1 {
  text-align: center;

.marker {
  width: 200px;
  height: 25px;
  background-color: red;
  margin: 10px auto;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 16

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!


Good attempt!

There is not any need to make a second div class to add class one.

Suggestion: Reset the step.
Add the new class of one to the existing marker class in the div.

To add another class to a current one, just leave a space after the first one and add the second one.

Example Only, not the answer

<p class="flavor brand">Chocolate</p>

In the above exampled, flavor was the first class added to the p element opening tag.
When I needed to add the class brand, I left a space after the flavor and added the second class.

It is possible to have many different classes within one set of quotes.

I hope this helps you continue on with your good progress.

Happy coding!

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