I need help with step fourteen CSS color markers

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="container">
    <div class="marker">
    </div>
  </div>
  .container{
    div:marker;
    div:marker;
    }
</body>
</html>

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

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


  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 11; Infinix X6511G) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.85 Mobile Safari/537.36

Challenge: Step 14

Link to the challenge:

2

Hello.
When task says:
In the container div

It means
In div element with class container.

You already have this one

You basically need add two more copies of that one.

Also, don’t mix css and html syntax. Having something like

in HTML file usually is not the best idea.

3

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