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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.I do’nt understand why this is incorrect and also when is it necessary to use 2 closing brackets.

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">
      <div class="marker red">
      </div>
      <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(90deg, rgb(255, 0, 0),rgb(0, 255, 0,));
}

.green {
  background-color: #007F00;
}

.blue {
  background-color: hsl(240, 100%, 50%);
}

Your browser information:

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

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

Link to the challenge:

2

You have put a comma after the “0” in the second color.

3

Remove the , after 0

4

thanks but what is the purpose of the double closing bracket.

5

When you open a bracket ( you must also provide a closing bracket )

How many open and how many closed brackets do you have?

They must match both in number and in semantics.

6

so this means that if there is three then i use three closing brackets?.

7

All linear-gradient values for colors are surrounded with parentheses. The values for the rgb colors should be written as they were given in the code:

rgb(red, green, blue)

So, you must have doubled parentheses in the given code line. I hope this is the answer to your question.

For your information:

" RGB Color Values
Each parameter (red, green, and blue) defines the intensity of the color with a value between 0 and 255. This means that there are 256 x 256 x 256 = 16777216 possible colors."

8

Not really, excuse mean if i am not to good at understanding your terminology but i assume that a parenthesis means how many different instructions there are for the one color , so like i previously asked does this mean that the more parenthesis there are then the closing brackets should should be equal to that.
sorry for my confusion but in the codes in the following steps only seem to require a single closing bracket.

9

exactly , just like in normal language. if a is in bracket and contains b . and b also contains c.
( a ( b ( c ) ) )

10

thanks, i just need some more time to get to grips with the language as i am a virgin to all of this.

11

Here is an example with a few colors. If you add all the colors shown below, to a ‘div’ element with a class set to “put-in-action” you will get the following:

.put-in-action {
  width: 200px;
  height: 200px;
  background: linear-gradient(
     90deg, 
     rgb(255, 0, 0),
     rgb(0, 255, 0),
     rgb(0, 0, 255),
     rgb(255, 0, 0),
     rgb(0, 255, 0),
     rgb(0, 0, 255)
   );
}

The result:
image

I hope this will be of some help with the use of parentheses for RGB colors.