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

Tell us what’s happening:
Describe your issue in detail here.

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-color: rgb(255, 0, 0);
}

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

.blue {
  background-color: hs1(240, 100%, 50%);
}
h
/* 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-color: rgb(255, 0, 0);
}

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

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

Your mobile information:

moto g82 5G - Android 12 - Android SDK 31

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

Link to the challenge:

Tell us what’s happening:
Describe your issue in detail here.

1 Like

how to code hs1 element background-color in css

Instead of the rgb value for the ‘background-color’ property, use the hsl(hue saturation lightness), without a comma between the values given in the instruction.

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