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

Tell us what’s happening:
Describe your issue in detail here.
If no gradientDirection argument is provided to the linear-gradient function, it arranges colors from top to bottom, or along a 180 degree line, by default.

Clean up your code a little more by removing the gradientDirection argument from both linear-gradient functions.
Your code so far

strong text```html

Colored Markers

CSS Color Markers

/* 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;

/* User Editable Region */

.red {
  background: linear-gradient(180deg,rgb(162, 27, 27));

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

/* User Editable Region */

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

Your browser information:

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

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

Link to the challenge:

The gradientDirection argument is the first thing inside the linear-gradient() function. So in this case 180deg,

Removing that is all you have to do.

You may have to reset the challenge to get the initial starting code back.

Thanks, I already solved it.

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