Learn Intermediate CSS by Building a Cat Painting - Step 8

HTML-CSS
1

Tell us what’s happening:

i had a problem in this step…please clarify the doubt.

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;
}


/* User Editable Region */

.cat-head {
  width: 205px;
  height: 180px;
  border: 1px solid #000;
  border-radius: 46%;
  background: linear-gradient(#5e5e5e 85%)
}

/* 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/131.0.0.0 Safari/537.36

Challenge Information:

Learn Intermediate CSS by Building a Cat Painting - Step 8

2

Ah I found the answer.

This step requires you to write a linear-gradient background. Your code is right so far and that’s a good thing so far. Just remember that linear-gradients require at least two colors to make an effect. Linear gradients are images that generate a blend of colors.

I hope this helps, because I DO GENUINELY think you are worth helping out

1 Like
3

This is the kindest, most thoughtful reply I’ve read so far. Please keep up the good spirit. It helps us novices to keep trying, even if it does get tough sometimes.