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

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
so im in a bit of a road bump, the div element in this step is quite weird, if i put the div in the intended location, it will show an error such as “your first div element should have an opening tag” but if i fix it by adding “<”, it will show up as "your new div elements should be in the div element with the class name container. i have absolutely no idea how to fix this issue please help

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 class="marker">
      </div>
    </div>
    </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/121.0.0.0 Safari/537.36

Challenge Information:

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

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hello! Welcome to the forum.
Good job on your code so far.
You 2 new added div elements closing tags needs to be after the opening tags.
So reset your code. Then in your .container div add one div element oepning and closing tag with the class set to marker. Then add another div element opening anf closing tag with the class set to marker.
If that doesnt work, paste your updated code here, so that we can assist.

5

Screenshot 2024-02-25 120146
Screenshot 2024-02-25 120146919×133 12 KB

like this?

6

all closing tags are added

7

still doesnt work :frowning:

8

You need each marker div opening and closing tags separately between the container div tags. You nested all marker div in each other.
@Sir_Reginald

9

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