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

Tell us what’s happening:
Describe your issue in detail here.
I am lost on how to input the syntax.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <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/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49

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

Link to the challenge:

You are missing a very important > here

1 Like

That’s pretty frustrating. Is there a limit to how many divs you can nest within each other?

No, there isn’t, or if there is it’s in the thousands or ten of thousands, maybe more (depends on browser performance)

you had a malformed tag

1 Like

thank you. I solved it with your hint.