Learn Intermediate CSS by Building a Cat Painting - Step 9

HTML-CSS
1

The instructions are:
Give .cat-head a position property of static , then set the top and left properties to 100px each.

I can’ find the problem with this code:

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

I get the following response:

Sorry, your code does not pass. Don’t give up.

Your .cat-head selector should have a position property set to static. Make sure you add a semi-colon.

Can anyone see what I am missing?

2

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

The code you have shared works on my end. Please ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

Also, you can try another browser.

I was able to pass using google chrome

4

Thank you. Can you see any problem with the code, tho?

5

see my response above :arrow_up_small:

6

I will switch to Chrome. It is strange, tho, as I have been doing the tutorials on the same computer/browser and haven’t made any changes.

7

You can try resetting the lesson too.

Also, make sure you haven’t removed any code because it looks like you only posted part of the code.

Can you post the entire code so I can test it on my end?

8 
* {
  box-sizing: border-box;
}

body {
  background-color: #c9d2fc;
}

.cat-head {
.cat-head {
  position: static;
  top: 100px;
  left: 100px;
}
  background: linear-gradient(#5e5e5e 85%, #45454f 100%);
  width: 205px;
  height: 180px;
  border: 1px solid #000;
  border-radius: 46%;
}
9

Got it. I see what the problem is. Thanks!

10

The .cat-head selector is already created in the challenge. The lines available for your code should only include the position, top, and left properties.

11

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