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

HTML-CSS
1

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

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <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">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class one="exampleClass1 exampleClass2">
    ...content
    </div>
    <div class one ="marker">

    </div>
    <div class="marker">
    </div>
    <div class="marker">
    </div>
  </div>
</body>
</html>

/* 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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hi!

Please try to describe your issue in more detail in the ‘tell us what is happening’ section in future, you can write your own text in this section. It makes helping much easier.

Look at how the lesson shows you to have to classes to a single element. I’ll remove the content part for more clarity.

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

Now, compare your code.

<div class one ="marker">

    </div>

Notice the difference?

3

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