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

Tell us what’s happening:
Describe your issue in detail here.
Good afternoon, i am stuck on step 14 for bout a week now, kindly help me guidance

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

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

Link to the challenge:

Tell us what’s happening:
Describe your issue in detail here.
Hello,Good Afternoon,please i am kind of stuck in this etep.
Kindly help out

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

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

Link to the challenge:

Hello! Can you describe the problem you are facing?

this is my code

the div elements should be inside the first div element with container only.
not inside themselves.

meaning every <div> element with class marker you add you should close it before the next div element is added.

Tell us what’s happening:
Describe your issue in detail here.
Good afternoon, i am kind of stuck at step 14, i am in need of guidance!
Kindly walk me through it

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

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

Link to the challenge:

Closely examine your div elements, make sure any class attributes you place are inside the opening tag of the element. Also check for any element tags you may have left open. For example: <element </element> Notice how the opening element tag is not closed with “>”. The correct syntax would be: <element></element> Hope this helps!

its still not been positive, i am still stuck brother!

please post updated code for review

please don’t post new topics to respond to people. Just reply to them in the same topic…
I’ve merged your three duplicate topics into one.

Writing neat code will help you debug your errors. Here’s your current attempt:

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

I will show you how to make it look neat. Please use this method in future.

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

Now that it is tidy. We see a lot of problems, yes?
like, the missing > angled brackets? or an extra closing tag that match es nothing?

So there is that issue, but also there is the issue of understanding the question.

They gave you this code to start:

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

all they wanted was for you to add 2 more divs to the .container element
It already has one there…
so just 2 more, written in exactly the same way after it.

Sir, i have tried a new combination and its still not going through…
Do i open a new div element and close it while opening another?

<div class="container" <div class="marker" <div class-="marker" this is what i did

it is just not valid html.

Will you not re-read my message and try my suggestion?
(write neat code. Make sure you use the proper brackets)

it worked out just fine, so Grateful

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