Learn Intermediate CSS by Building a Picasso Painting - Step 14

The instructions say to Create two div elements in the black-mask element. Give them the classes eyes left and eyes right, in that order. I tried "<div id="eyes left> and

and then i tried something else in my code and they were all wrong. Someone please help.

  **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-character">
      <div id="white-hat"></div>
      <div id="black-mask">
<div id="eyes" id="left">
</div>
<div id="eyes right">   
  </div>

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

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

Link to the challenge:

1 Like

It asks for class but not id

1 Like

Wow that helps Thanks a lot

No worries, glad that I was able to help! You may mark my response as solution so it will not receive any replies

Happy coding!

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