Learn Intermediate CSS by Building a Cat Painting - Step 8

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">
    <meta charset="UTF-8">
    <title>fCC Cat Painting</title>
    <link rel="stylesheet" href="./styles.css">
      <div class="cat-head"></div>
/* 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/ Safari/537.36 Edg/115.0.1901.203

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

Link to the challenge:

Hello and welcome.

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

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


1 Like

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.

What is your code now?

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


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


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