Learn Intermediate CSS by Building a Cat Painting - Step 8

Tell us what’s happening:
Describe your issue in detail here.
I got the message " Your linear-gradient function should set the first color to be #5e5e5e at 85% ."
What wrong with my code
Your code so far
background: linear-gradient(
#5e5e5e 85%,
#45454f 100%
);

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fCC Cat Painting</title>
    <link rel="stylesheet" href="./styles.css">
</head>
<body>
    <main>
      <div class="cat-head"></div>
    </main>
</body>
</html>
/* file: styles.css */
* {
  box-sizing: border-box;
}

body {
  background-color: #c9d2fc;
}

.cat-head {
  width: 205px;
  height: 180px;
  border: 1px solid #000;
  border-radius: 46%;

/* User Editable Region */

background: linear-gradient(
 #5e5e5e 85%,
 #45454f 100%
);

/* User Editable Region */

}

Your browser information:

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

Challenge: Learn Intermediate CSS by Building a Cat Painting - Step 8

Link to the challenge:

HI @tien.tranquoc1097 !

The tests are too stricut for this step.

There is currently an option issue for this

In order to pass, place everything all in one line and make sure to have a space after the 85%,

1 Like

Thank for your comment, I have passed this step when put all on one line and have a space after the comma.
My code is:
background: linear-gradient(#5e5e5e 85%, #45454f 100%);

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