Learn Intermediate CSS by Building a Cat Painting - Step 9

Tell us what’s happening:

Describe your issue in detail here.
It wants me to add the position property static to my .cat-head selector. i dont know what im doing wrong

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 {

/* User Editable Region */

  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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge Information:

Learn Intermediate CSS by Building a Cat Painting - Step 9

You added a second .cat-head selector. You don’t need to do that. The .cat-head selector is already there because you created it in previous steps. Just add the position property to the current rule set.

I will agree that the placement of the white active editor is slightly confusing and thus you might not think that the .cat-head selector is there. But if you look above the instruction box you will see it.

:man_facepalming:t6::joy:thank you, i did not even think to look, learned to check now

1 Like

Ya, the way the active editor is placed in the step makes it a little hard to see it. I’m thinking I might open a github issue to fix this.

1 Like

when you do, can you send me the link, I would like to see what that looks like. By that i mean the process of posting and it getting fixed.

@alectongames Here you go.

Issue #52080: Adjust active editor for Cat Painting Step 9

1 Like

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