Build a Set of Colored Markers - Step removing linear gradient percentage issues

HTML-CSS
1

hi, heres the link for the step. doing build a set of coloured markers. did try researching and looks like my css code is correct. now try to remove the percentages from the linear gradient. up to step 60 and stuck. using jaws for windows screen reader 2025, visual studio code and google chrome windows 11 pro 2024. now i am stuck. so why is it not liking and have looked at my code. can you help me out. so stuck. marvin.
ps: pasting the link and my css code below.

h1 {
text-align: center;
}

.marker {
  background: linear-gradient(180deg, #55440D);
}

.red {
  background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(0, 0, 255));
}

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

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

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

I suggest you reset the step as you have changed the seed code so it won’t pass. You only need to make the 2 small deletions, don’t change anything else.

3

Hi @BlindVisionMan

You changed the properties in the .marker selector.
The .container selector contains an extra padding property.

Happy coding

4

hi. i did teset the lesson, but not working. did remove the degreeze for the gradient. so what am i missing. no it wont pass. how to fix?
pasting the error message below.
marvin.
ps:: please advice.
dont want to have to write the whole code again for the .red and .green. took me a while. and then was researching.
so any help.
pasting below.
Sorry, your code does not pass. Keep trying.

You should remove the gradientDirection arguments from the linear-gradient functions in your .red and .green CSS rules..

5

you did not share your code

6

hi, i am sorry. forgot in my old age of 60. so sharing my latest code.
forgive me.
marvin.
ps: pasting below. not sure if i need to put in the preformatted code. but maybe will do.

h1 {
text-align: center;
}

.marker {
  background: linear-gradient(180deg, #55440D);
}

.red {
  background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(0, 0, 255));
}

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

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

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

you should go to a new line before using preformatted code, otherwise it works only for inline words, not for a block of code

anyway, it doesn’t look like you reset the code, it is still missing huge chunks

8

hi. okay so what to do. try resetting the lesson, and then what chunks am i missing? and how to get this to work.
please advice.
marvin.
ps: using visual studio code.
marvin.

9

you are missing .container selector after h1 and the css in .marker is wrong

please reset the step and show here the code you get after resetting

10

hi. okay need to copy to visual studio code, then take out the gradients. and the online editor sometimes with jaws, goes into forms mode and sometimes a little hard to navigate. so thats why i like to do it in visual studio apart from having a local copy, easy to then copy and paste.
so is that what i should do then make the changes, then recopy. sorry for wasting your time. should have looked harder or listened harder on the editor. if i then turn off virtual cursor in jaws, does not sometimes read the content. so is this what i should do.
marvin.,.hi, okay reset the lesson, and heres the code from the editor for the style sheett.
marvin.
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(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
}

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

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

11

hi. it worked. my stupid fault. will be more careful next time. sorry for being a pest. should have tried that earlier. now will know next time something is not working.
sorry.
marvin.