Lesson 16 on the css curiculum for resposive web design (new)

HTML-CSS
1

Ive done exactly as i would think it to be done, used multiple browsers and yet the issue persists

/* file: index.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" class="one">
    </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: 10px auto;
}


  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Step 16

Link to the challenge:

2

You’re not the only person to make this mistake. I believe they are working on updating the instructions in order to make it clear how to have more than one class on an element.

To use multiple classes on an element, you would only have one class attribute on the element and then separate the classes by a space.

1 Like
3

Had a problem with this too. Thanks for the help!

4

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