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

Tell us what’s happening:

Please help

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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">
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker one">
      <div class="marker two">
      <div class="marker three">
/* 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 */

.one {
  background-color: rgb(127, 225, 0);

.two {
  background-color: rgb(0, 127, 255);

.three {
  background-color: rgb(255, 0, 127);

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Mobile Safari/537.36

Challenge Information:

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

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like

In .one CSS rule I set 127 of red and 255 of green but they are saying that
Your .one CSS rule should have a background-color property set to background-color: rgb(127, 225, 0). I don’t know what is wrong in my code. Can you please tell me what is wrong?

225 and 255 are slightly different looking but very different numbers

1 Like