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

HTML-CSS
1

Tell us what’s happening:

Im not sure what im doing wrong here it keeps saying my new div elements need to be in my <div class=“container” but they are from what i can tell.

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>
      <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

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

2

Hi there. I believe the tests can’t actually tell the elements exists are they have not been formed correctly. You see your opening tags for the maker class elements aren’t closed all the way.

Every HTML element tag must begin with a less than (<) symbol and end in an a greater than symbol (>) to be properly formed.

A proper opening tag looks like the following:

 <div class="container">

Hope this helps.

1 Like