Learn Intermediate CSS by Building a Picasso Painting - Step 59



WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

Hi.
In your editor, press Ctrl-A (select all), then Ctrl-C (copy).
Then reply to this message and in the input box, start by typing
```
at the start of the line
then press Enter, then press Ctrl-V
then press Enter again, then type those same 3 characters
```
These characters are usually on the key at the top left corner of your keyboard (depending on the layout, of course).
If you cannot find the key, just select the 3 that I typed and copy them … then paste them at the start of the line in your reply.

It should look like this:

<!DOCTYPE html>
<html lang="en">
    <body>
        (your lines of code)
    </body>
</html>

That way we can see your coding.
The error message seems to indicate that your coding is very long.
If you have extensive comments, then you can perhaps save your code in a (new) text file and then delete all the comments and send the shortened version to us.

Also, please state what your problem is with the task (step 59). Is there something that is not working, or something you cannot understand?

Hopefully we can help you.

I'm having a problem with step 59, it's asking for 30 div elements and give each of them the class triangle. I did what was requested but the code did not pass. Please advise

Please, as @ elswise stated, could you post your code for others to see it and evaluate the problem?
If you have not succeeded three times in a row on the challenge, the ?Help should appear below where you check your solution.
image
You could use the < / > preformatted to submit your code and question.
I hope this helps you submit the code.
Happy coding!

I don’t know why the code didn’t appear but this is the code.

<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div> 

This is a duplicate post. Try not to create duplicates for the same issue.

Thank you for your assistance. I appreciate it.

1 Like

Step 59 asks to create 30 div elements and give them each a class of triangle

<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>  ```

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

```text
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

It does appear you have 30 divs with the class triangle in your HTML above. I’m guessing you might have accidentally changed something else that is causing the tests to fail, but I can’t help you find it since you didn’t paste all of your HTML in here. That’s why it is always a good idea to paste all of your code in here so we can help you find any mistakes.

I didn’t change anything. The challenge requested 30 div elements with the class triangle within the triangles div. I will provide the div element with the ID of triangle the 30 div elements are nested in for review.

<div id="triangles">
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
</div> 

As I mentioned above, please include ALL of your HTML, not just the 30 triangle divs.

I included the code that the challenge requested between the div element with the ID of triangles. It’s a lot of code to include, however I’ll include it all to resolve this and move forward.

<!DOCTYPE html>
<html lang="en">
<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 id="black-character">
        <div id="black-hat"></div>
        <div id="gray-mask">
          <div class="eyes left"></div>
          <div class="eyes right"></div>
        </div>
        <div id="white-paper">
          <i class="fas fa-music"></i>
          <i class="fas fa-music"></i>
          <i class="fas fa-music"></i>
          <i class="fas fa-music"></i>
        </div>
      </div>
      <div class="blue" id="blue-left"></div>
      <div class="blue" id="blue-right"></div>
      <div id="orange-character">
        <div id="black-round-hat"></div>
        <div id="eyes-div">
          <div class="eyes left"></div>
          <div class="eyes right"></div>
        </div>
        <div id="triangles">
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
<div class="triangle"></div>
</div>

I think you have 31 triangle divs in the HTML you just posted.

Also, why is the head missing? And what about the HTML after the 30 triangles? Making any changes other than what is asked for in the instructions can cause the tests to fail.

My advice, restart the step to get the original code back and then make sure the only thing you change is adding the 30 triangle divs inside the #triangles div.

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