Personal Portfolio Help! I'm confused :-/

Code Feedback
1

Hello,

I am working on my personal portfolio and am stuck on a couple of issues.

  1. How come the navbar isn’t aligning according to the CSS? I have set display: flex; and justify-content: flex-end; properties but nothing has changed.

  2. How come there is a white border around the entire document? I tried setting the margin and padding to 0px but that didn’t work.

  3. How come the background color isn’t changing for my #projects section? As you can see, the background-color property is set to green but that doesn’t work either.

Here is the link to my project https://codepen.io/kamilahd/pen/qBaBWNX?editors=1100. Please help me answer these questions. I really need help accomplishing this.

1 Like
2

Hi!

I can help you with points No. 2 and No. 3.

Try using the * selector to set all paddings and margins to 0:

* {
  padding: 0;
  margin: 0;
}

As for point No. 3, you forgot to add the closing } for your media query.

1 Like
3

Hey @itskamilah!

Because you have given it as @media, it will not be displayed on desktops.
and also as @hassanuddinishak said you have to put the closing brackets

1 Like
4

As to the first one, of course (as always) it is doing exactly what you are telling it to. It is aligning it to the left. Put a border: 1px solid red; on that navbar and see the problem. I think you want to expand its width.

2 Likes
5

background animation is beautiful as well as the colors you chose.

1 Like
6

Thank you for the help!

1 Like
7

Thanks for noticing that!

1 Like
8

Got it! Now I know, thank you!

9

Thanks, I appreciate the feedback!

1 Like