Color Boxes step 88

HTML-CSS
1

Hi! Can anyone help me with this? I am confused on why i am failing step 88 in the Colored Markers Workshop. Here is the error I am receiving:

  1. Your .green CSS rule should have a box-shadow shorthand property and with the value 0 0 20px 0 #387E20CC.

Here is my code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <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">
  </head>
  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker red">
        <div class="cap"></div>
        <div class="sleeve"></div>
      </div>
      <div class="marker green">
        <div class="cap"></div>
        <div class="sleeve"></div>
      </div>
      <div class="marker blue">
        <div class="cap"></div>
        <div class="sleeve"></div>
      </div>
    </div>
  </body>
</html>

h1 {
  text-align: center;
}

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

.marker {
  width: 200px;
  height: 25px;
  margin: 10px auto;
}

.cap {
  width: 60px;
  height: 25px;
}

.sleeve {
  width: 110px;
  height: 25px;
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 10px double rgba(0, 0, 0, 0.75);
}

.cap, .sleeve {
  display: inline-block;
}

.red {
  background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
  box-shadow: 0 0 20px 0 rgba(83, 14, 14, 0.8);
}

.green {
  background: linear-gradient(#55680D, #71F53E, #116C31);
  box-shadow: 0 0 20px 0 #387E20CC; 
}
2

Hi and welcome to the community!

Are you sure it’s 38 there?

3

OMG! Thank you! Ha Ha! I guess maybe I should get my eyes checked again, huh?

1 Like
4

Don’t worry, it happens. 8 and B look similar, too, if one doesn’t pay close attention.
Good luck with the project!

1 Like
5

Thank you! I haven’t been doing this for very long and I am learning on my own so any kind of advice or tips are definitely appreciated!

6

As a self thought web developer, I totally understand the struggles faced in the early stages. Just keep practicing and when you feel frustrated, take a break and come back to it. But don’t give up. If you need help, the community is here to help you out. Take your time with the projects and don’t rush through everything.
I wish you the best.

7

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622Ă—306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

8

Thank you! I appreciate the tips!