Can Someone Please Help Me With My Project

Hello, I’m currently working on the technical documentation project of the web development certificate for freecodecamp. In my codepen I’ve linked below, I’ve tried to make the navbar area with the icon on top be in a fixed location to the upper left of the screen. As you see for the navbar id in CSS, I’ve specified all this but it hasn’t worked. Also, I want to make some of the information be placed on the first and second pictures. I’ve tried this by placing the image and the information within #text-box-1 and #text-box-2 within a class and having the text-box-1 and 2 be positioned relative. Also, I don’t know why my second picture is small compared to my first if I gave the img element a width of 100%. Thanks.

Codepen: https://codepen.io/coder3o2-4/pen/abWajbG

Not sure if you forgot the link to your Codepen?

Hello, I’m currently working on the technical documentation project of the web development certificate for freecodecamp. In my codepen I’ve linked below, I’ve tried to make the navbar area with the icon on top be in a fixed location to the upper left of the screen. As you see for the navbar id in CSS, I’ve specified all this but it hasn’t worked. Also, I want to make some of the information be placed on the first and second pictures. I’ve tried this by placing the image and the information within #text-box-1 and #text-box-2 within a class and having the text-box-1 and 2 be positioned relative. Also, I don’t know why my second picture is small compared to my first if I gave the img element a width of 100%. Thanks.

Codepen: https://codepen.io/coder3o2-4/pen/abWajbG

I think you forgot to close off the media query break point at the top of your CSS and so everything you put below it only takes affect if the height of the browser window is at least 800px.

1 Like

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