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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’m adding the new div inside the already existing red marker div like the instructions say. What am I missing. I already played with the opening and close statements of the div 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>
    <div class="container">

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      <div class="marker green">
      </div>
      <div class="marker blue">
      </div>
    </div>
  </body>
</html>

/* 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

You have combined two div tags into one.

3

You can’t write an element inside the tag of another element.
You have to give each element its own < and > and the name of the element goes between these angled bracket.

4

Yes, following the instructions, "create a new div inside the inside the red marker div.

5

as I mentioned, the way you are doing that is incorrect.
You cannot place an html element inside the tag of another element.

You learned how to nest elements in the cat photo app project.
This is what they’re asking you to do (nest a div within another div with the correct syntax)

6

yes, trying that now. sorry the previous answer was meant for a different user

7

OK, that did it. Thanks. It was confusing since they usually specify to do nest, but not this time.

1 Like
8

They will never ask you to do something that is syntactically invalid.

9

I understand. But there should be some kind of consistency. If they want you to nest then the exercise should say so.

10

you’ll have to get used to understanding the intention of the request you read/hear as every person expresses themselves their own way. You may see someone say “put this element inside this other element” or “nest this element” or “this element should be a child of another element” or “insert this element in this other one” or “this element belong to this one”
There are multiple ways to say the same thing in English.
I don’t have experience in writing curriculums but from my perspective as a learner, you’ll need to start reading between the lines more and more as the curriculum progresses.

1 Like
11

Agree! I’m just not there yet.

12

So long as you remember the basic rules of syntax, and use common sense as much as possible, then you will get the hang of this and much harder things.

13

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