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

It keeps saying to create another div element within the marker red. I have tried so many ways and cannot figure it out. All other posts the replies just say to “create it within the marker red”, but I guess I dont understand what that means.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <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">
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker red" <div class="sleeve">
    <div class="marker green">
    <div class="marker blue">
/* file: styles.css */
h1 {
text-align: center;

.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;

.marker {
width: 200px;
height: 25px;
margin: 10px auto;

.red {
background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));

.green {
background: linear-gradient(#55680D, #71F53E, #116C31);

.blue {
background: linear-gradient(hsl(186, 76%, 16%), hsl(223, 90%, 60%), hsl(240, 56%, 42%));

  **Your browser information:**

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

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

Link to the challenge:

Hi @raerae777

That is close but not quite there yet.

<div class="marker red" <div class="sleeve">

Remember that a tag must be properly written with opening bracket < and closing bracket >. Here in this code, the div tag with the marker red class is MISSING a closing bracket >.

Secondly, remember that most elements requires you to have both opening tags and closing tags.

  <div class="container"> <!-- Opening tag for container element -->
    <div class="marker red" <div class="sleeve">
    <div class="marker green"> <!-- Opening tag for marker greenelement -->
    </div>                     <!-- Closing tag for marker green element -->
    <div class="marker blue"> <!-- Opening tag for marker blue element -->
    </div>                    <!-- Closing tag for marker blue element -->
  </div><!-- Closing tag for container element -->

As you can see marker red has the opening tag and their closing tag, but the sleeve element is missing a closing tag.

Please do the correction, thank you

Hope this helps, if it doesn’t, please provide the code to your latest code using the triple backticks as follows


paste code here

1 Like

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