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

HTML-CSS
1

My code is 100% correct as there is no other way of doing this challenge but I keep getting the error message " Your first new div element should have an opening tag."

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

  </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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

2

I think each of your opening div tags is missing something at the end of them. Remember, a tag always starts with < and ends with >. You can’t nest tags inside of tags. You can only nest element inside of elements.

3

The first div element does not have a closing > in its opening tag.

To fix this error, you need to add a closing > to the opening tag of the first div element. Additionally, it looks like you have two nested div elements with the same class name of “marker”.

You may want to remove one of these