Personal Portofolio Project help

General
1

Hello everyone.

So I have two questions in the Personal portfolio project, first, the w3validator told me that nvabar cant be a child of <main> element, I moved it outside of the <main> element, the checker gave me an error that it shouldn’t be a child of <body> element, what is the problem with navbar? I suspect that it needs to be inside a <div> element or something?

Second is that one of my idiotic habits is rushing thing and then remembering that I have forgotten something, indeed there was one use story that I haven’t fulfilled before submission, so I submitted and I claimed the certification, now I have remembered and fixed it, so is there anything I should do ?

Here is the link to the project: https://codepen.io/moustafa-ahmed/pen/wvKxgvg

Thanks in advance.

1 Like
2

well i can’t suggest anything more if you’re only up to claimed the certification at first place above the learning in progress.

i just want to say congratz.
please don’t be offended, im just a begginer.

3

Not offended, just worried I have done something wrong.

4

I don’t get the errors you mentioned?

sioo
sioo1342×630 53.3 KB

5

If you are talking about user stories, then I have fixed them already, my problem is w3validator

image
image1264×162 8.29 KB

6

There’s no such HTML tag as navbar

If you changed/fixed in the same pen as the one you submitted then you don’t have to do anything further. If you made a different pen, then you’d have to resubmit with the new URL.

1 Like
7

I was able to fix it, thanks a lot.

8

Just a quick mention @moustafa111x. So while there is no HTML tag of navbar there is a valid tag called nav.
You’ve fixed it so good job.

Two other things.

  • Change it so that when user’s click to view one of your projects they see it full screen instead of the pen. Just a better UX.
  • Don’t know if you’re aware but, codepen creates large and small screen shots of your pens that can be used in your portfolio.
    Access them from;
    https://codepen.io/userName/pen/slug/image/large.png (for the large screenshot)
    and
    https://codepen.io/userName/pen/slug/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and slug with the id of one of your codepen pens and then copy that link into your portfolio
1 Like
9

@Roma no I was not aware of the feature, you helped me a great deal sir, I don’t know what to say to thank you, appreciate it!

1 Like
10

Glad I could be of some help.
Have fun on your coding journey.

2 Likes
11

i actually need help to get the nav bar view point working please

12

@onahpatience1610, welcome to the forums.
Please don’t hijack a topic. If you’re having an issue, open your own topic describing your issue. And don’t forget to add a link to your code.