Learn Intermediate CSS by Building a Picasso Painting - Step 34

HTML-CSS
#1

Why are they telling me to set the id to "black character " even tho it already is?

image
image934Ă—120 2.51 KB

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Challenge: Learn Intermediate CSS by Building a Picasso Painting - Step 34

Link to the challenge:

#2

please include actual code, not screenshots of code
(we can’t copy and paste screenshots to test if they behave the same on our end…)

Edit: It looks like you added the code in the wrong place? When I check the step, the new code is meant to be added just above the final div closing tag (3 lines above the bottom of the file)

1 Like
#3

Hi.
I don’t know how much of the code I should put here so I’m putting the whole thing.
Also, I’m sorry if I sound dumb I’m actually new to coding.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Picasso Painting</title>
    <link rel="stylesheet" href="./styles.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  </head>
  <body>
    <div id="back-wall"></div>
    <div class="characters">
      <div id="offwhite-character">
        <div id="white-hat"></div>
        <div id="black-mask">
          <div class="eyes left"></div>
          <div class="eyes right"></div>
        </div>
        <div id="gray-instrument">
          <div class="black-dot"></div>
          <div class="black-dot"></div>
          <div class="black-dot"></div>
          <div class="black-dot"></div>
          <div class="black-dot"></div>
        </div>
        <div id="tan-table"></div>
      </div>
 </div>
  </body>
</html>

Also if I put the new div element three line above the file as you said, it tells me to add the div element within the “characters” elements.

I’m really confused about if I’m even doing it right.
Thank you.

#4

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 (').

1 Like
#5

okay here is a tip for the fCC html/css projects in general.
When you click the reset button (it looks like an arrow turning)
you will see the editor reset the code back to its start
Notice now that the editor is empty?
This is because it wants you to start typing in the empty line it has provided here.
This line happens to be above these 3 lines if you notice

    </div>
  </body>
</html>

So type your code there.

Edit: I also want to suggest that if you haven’t followed the fCC curriculum in order, that you may want to go back and do that as the projects are meant to be done in increasing order of difficulty.

1 Like
#6

Add a new div element after this element with the id of black-character

1 Like
#7

it worked now, thank uu!!

1 Like
#8

Also, I am following the curriculum in order but I haven’t been doing it for a while now and then I started doing the picasso painting thing yesterday , that is why I got confused.
But i think i’ll be okay now.
Thank you:)

1 Like