Learn Intermediate CSS by Building a Cat Painting - Step 8

Tell us what’s happening:
I am enjoying the free code camp forums

Your code so far

<!-- 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-color: linear-gradient(#5e5e5e 85,#45454f 100);

/* User Editable Region */

}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/116.0

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

Link to the challenge:

Welcome to the Community and FCC Forum!

It is great that you are enjoying the community! It is a good group from the top of the organization, through all the staff, leaders, volunteers and learners, like you and me. :slight_smile:

The issue with the code appears to be one of misunderstanding the instructions. Happens to us all on occasion.

Please carefully read what the property name should be and view the values behind the colors, as something is missing from both of them.

I am bad for missing the same thing. But, we learn and move on!

Great job! Keep up your great progress! :slight_smile:

Thanks for pointing out the issue. I was in a hurry, I will make sure I am careful next time.

1 Like

It happens to all of us at times. Not to worry!

Keep up your great progress! :slight_smile:

Happy coding!

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