Learn Intermediate CSS by Building a Cat Painting - Step 9

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 {

/* User Editable Region */

.cat-head {
  position: static;
  top: 100px;
  left: 100px;
}

/* User Editable Region */

  background: linear-gradient(#5e5e5e 85%, #45454f 100%);
  width: 205px;
  height: 180px;
  border: 1px solid #000;
  border-radius: 46%;
}

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 9

Link to the challenge:

2

Welcome to FCC Forum, a community of people helping each other.

Great going. The only problem is that you have added a .cat-head selector, which was not necessary. There was already one in the code.

Reset the step and use the one provided for the code.

Keep up the great progress!

Happy coding!

3

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