Could use some hints onto Build a Product Landing Page

Tell us what’s happening:

Hi I am working onto my Product Landing page
and i am getting a little stuck there.
elements are not correctly coresponding
like the div is not working with the #div
and i can’t get the raindbow color into the flex boxes when i tried to do so the flex boxes do disapear
of course further input is also welcome let me know :3 what u think of it and what i should better?

Your code so far
Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15.

Link to the challenge:

  1. The #div selector will select an element with an id of div. It doesn’t matter what element it is.
#div {
  color: red;

<h1 id="div">This is not a div but the red color style still applies</h1>

  1. I’m not really sure what you are asking. Can you explain the layout you are going for?

In any case, you have errors both in the HTML and CSS. Instead of me pointing them out I want you to do this instead.

Go to your Codepen profile settings (not the setting for the pen, but for your profile). Now switch the Syntax Highlighting to Oceanic Dark and save the setting. Go back to the pen and make sure your new settings are working, the code will have different colors.

Look at the HTML and CSS, you should see code marked in red. That is the new Syntax Highlighting showing you where there are problems.

Press the down arrow to the right of the HTML code box and select “Analyze HTML”, do the same for the CSS.


Yesss thank u. This was excatly the answere I needed.

u already answered point 2 with point 1 :3