Learn Intermediate CSS by Building a Cat Painting - Step 8

HTML-CSS
1

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

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: 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:

2

Hello. and welcome.

Advice: for new post, you may describe your issue. If you tell us what is your problem, we can help you more easy. If possible, it would be nice if you could tell us what type of error this step says. So, You can learn a bit how the things works. It´s better for everybody!
Keep that in mind.

Solution:

You have a space after linear-gradient( Remove it.

Grets.

3

Welcome to the community!

I suggest resetting the step and placing the linear-gradient function and its values on one line, with only one space between each, along with the comma.

example: linear-gradient(first value %, second value %);

Happy coding! :slight_smile:

2 Likes
4

@gimongayrama30 Your CSS is actually fine, but there is currently a bug in the tests that is causing it to fail. In order to pass you’ll need to move all of it on one line and be sure there is a space after the comma.

5

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