Learn Intermediate CSS by Building a Cat Painting - Step 8

HTML-CSS
1

Tell us what’s happening:
Am I doing something the wrong way for the linear-gradient :face_exhaling: ?

This is the error I am facing message I am facing:
Your linear-gradient function should set the first color to be #5e5e5e at 85% .

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;

/* User Editable Region */

  border-radius: 46%;
  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/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

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

Link to the challenge:

2

Hello and welcome.

The code has many spaces. Put all in one line.

Example:
background: linear-gradient(COLOR1 x%, COLOR2 x%)

Grets.

2 Likes
3

Hello, thanks !

Yeah I get your point but this is how I used to do and it always worked so far. And I tried to put it inline too, but it didn’t work for me. I don’t know why or what to do.

4

What is your code now?

Be sure write it without spaces (after ( and before ))

Grets.

5

Oh yeah it worked ! There were still a space I didn’t notice .

THANKS!

I guess I should conclude that when using properties functions, spaces are really important ! And for almost all in coding haha.

6

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