Learn Intermediate CSS by Building a Cat Painting - Step 8



<!-- 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;
  border-radius: 46%;

/* User Editable Region */

   background: linear-gradient(to right, #5e5e5e 85%, #45454f 100%); 

/* User Editable Region */



用户代理是: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36 Edg/113.0.1774.42

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



Hi @zzhxy !
The solution to the is:

background: linear-gradient(#5e5e5e 85%, #45454f 100%);

It’s the simple colors and their values to write…
It works!

Hey @usamashoukat0597, I know you are new here so this is just friendly advice. We don’t post full code working solutions in here. Rather, we try to help guide the person to finding the solution on their own.

Please keep contributing these forums, but use hints, examples, and explanations instead of giving people the exact answer.

1 Like