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

Programming HTML-CSS
1

Hello. I am still needing help with this issue. Here is the code. I have it turned side ways so you guys can see it. I’m trying to figure out what to do.

IMG_0011
IMG_00111334×750 59.8 KB

Your code so far

/* file: index.Ext.html */
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(180deg, rgb(255, 0, 0) 0%, rgb(0, 255, 0), 50%, rgb(0, 0, 255) 100%);
}

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

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


/* file: styles.Ext.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(180deg, rgb(255, 0, 0) 0%, rgb(0, 255, 0), 50%, rgb(0, 0, 255) 100%);
}

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

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

Your mobile information:

iPhone - iOS16.6

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

Link to the challenge:

2

Hello!
If you remove the comma before the 50% you will pass the step.

Keep up the great progress!

3

Hey man. I never was able to actually figure this out. I kept getting errors.

4

I tried what you said to try and now I actually am stuck.

5

That is odd. Maybe try a different browser. Because I checked it before posting it to you.

6

I’m actually using the app. Maybe something with the app.