I don't understand this step?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

\ file: <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" type="text/css" 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>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" type="text/css" 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: h1 {
text-align: center;
}

.marker {
width: 200px;
height: 25px;
background-color: red;
margin: 10px auto;
}

h1 {
text-align: center;
}

.marker {
width: 200px;
height: 25px;
background-color: red;
margin: 10px auto;
}


  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Step 16

Link to the challenge:

2

Hi

This challenge is asking you to add a class of "one"to the first div element that already has a class of “marker”.

A single class attribute can reference multiple classes- they just need to be separated by spaces.

So, I could have a div element with two classes - let’s say the class names are “ten” and “twenty” - like this:

<div class="ten twenty"></div>

I hope that helps.

3

Hi there, did you post your code twice or is it in the lesson twice, not sure what to make of this? What’s the goal for the challenge you’re trying to complete because that would be super helpful? If it’s step 16, add the word “one” right behind the word “marker” in the first div, just add a space between the classes. Ex: div class=“marker one”
Also, looking at your CSS here, the first selector is “/ file: h1”. You only need the “h1” and you already have it below the marker selector. I hope this will help!

4

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