Help with box containers

Hey everyone I am working on the form project and cant seem to make the box container code I have written work on code pen… but it works on free code camp… here is the link I cant seem to figure out why it is not working.

https://codepen.io/chardfairy/pen/GROgoQr?editors=1100

A very similar question was asked earlier today. You can read it, and the response, here.

Your boxes are empty. If you put something in them you’ll see them show up though I’m not quite sure what it is you’re trying to do with them. Maybe reading the other question will give you the answer you’re looking for.

1 Like

Hello @edward.dalcourt,

As said @Roma, you can check the link he gave you. To give you a simple answer, it is about the height value you gave. The percentages for the height property give often troubles. The best to do is to use a fixed value or relative. You are looking for a relative value so if you want the height be equal to the height of your viewport (I judge this because you gave the value 100% to you height), use the unit vh for viewport height. If you give the value 100vh, it will be equal at your entire viewport height. :wink:

I am trying to use the boxes to give the background of the page stripes. I think though that I should be using the gradients for that though? I am still new lol thank you for the help though! I am going to see if I can get it to work now!

So I finally figured it out. Figured I would post it up for anyone else that’s new and they run into the same issue.

https://codepen.io/chardfairy/pen/GROgoQr?editors=1100

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