Stuck with elements- help plz!

Hi Im struggling with this task. I am unsure as to where to place my “black-mask” element. Although my div elements look ok. I’m not placing them in the right places. If anyone could explain .


  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <meta charset="utf-8">
  <title>Picasso Painting</title>
  <link rel="stylesheet" href="./styles.css" />
  <link rel="stylesheet" href="">

  <div id="back-wall"></div>
      <div class="characters">
        <div id="offwhite-character">
          <div id="white-hat"></div>

          <div class="eyes left"><div>
            <div class-"eyes right"></div>



          <div id="gray-instrument"></div>
          <div id="tan-table"></div>

/* file: styles.css */
body {
background-color: rgb(184, 132, 46);

#back-wall {
background-color: #8B4513;
width: 100%;
height: 60%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
  **Your browser information:**

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

Challenge: Step 14

Link to the challenge:

The starting code of this step has the black-mask element in place already. You must have deleted it by accident.


Restart the lesson to get it back.

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