Learn Intermediate CSS by Building a Picasso Painting - Step 13

HTML-CSS
1

Tell us what’s happening:
I have added four div elements with respective id values as instructed but still it is prompting to add four div elements.

Your code so far

<!-- file: index.html -->
<!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-characters">
        <div id="White-hat">
        </div>
        <div id="black-mask">
        </div>
        <div id="gray-instrument">

        </div>
        <div id="tan-table">
          
        </div>
      </div>
    </div>
  </body>
</html>

/* 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/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

Look closely at the hint you are getting. It is telling you exactly what the problem is. Remember, case matters. If something is lowercase in the instructions then it needs to be lowercase in your code.