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

HTML-CSS
1

I dont know where im going wrong with the div elements

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" class="marker"></div>
      <div class="container" class="marker">
        <div class="container" class="marker">
  </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/112.0.0.0 Safari/537.36 Edg/112.0.1722.48

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

Link to the challenge:

2

So, there are three issues right now.

  1. You have the container class on the two new divs that you added, but the directions do not say anything about giving the divs you created the container class. It only says to give them the marker class.

  2. The divs you created do not have closing tags.

  3. The directions do not say for you to give the first div the marker class

3

i understand that ,i only did that because nothing else i tried worked. im gonna fix it back to the way i originally had it and see what happens

4

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