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

HTML-CSS
1

Tell us what’s happening:
Hello, where am I going wrong with this step:

<div class="marker"
<div class="marker" <div class="marker"

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/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

These lines are all missing a >

3

All div elements with a class set to ‘marker’ have an unclosed opening tag. Add the closing curly bracket to all of them >

5

Hi, thanks for responding.
I have done as suggested, and it still hasnt worked

6
class="marker"
class="marker"
class="marker"
7

I am trying to copy my code onto here, but its coming out incomplete

8

<div class="smth"></div> 3 times
The opening tag is <div class="smth">. The closing bracket is >, and is missing in all opening div tags.

9

I have tried:

class="marker"
class="marker"
class="marker"

That does not work either.
I put them on top of each other, that doesnt work either .

10

In my html, all the tags are there. Its just when I copy and paste, it comes out different from what i have in my html. See my link :

11

Click on this button in your editor and paste the code in question between two groups of backticks ```.

image
image966×293 12.3 KB

12

Is there another way to share whats in my html? Copying and pasting doesn’t seem to be working correctly

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

It is not what I have posted earlier. class=“marker” has to be found in the opening div tag.

15

I am not seeing the logic here. I have tried this:


<div class="container"><div>class="marker"</div><div>class="marker"</div>
type or paste code here
16

When you gave this div a class of ‘container’ you did it like this:

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

You put the class inside the opening tag.

So you need to format the div with the class of ‘marker’ in the same way.

<div class="container">
      <div>class="marker"</div><!--why format these divs differently to the 'container' div?-->
      <div>class="marker"</div>
      <div>class="marker"</div>
</div>
17

Thank you, that clarified. It has now passed.

1 Like
18

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