# Personal Portofolio Project help

**URL:** <https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907>\
**Category:** General\
**Created:** [May 27, 2020, 9:58am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907 "2020-05-27T09:58:02Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![moustafa111x](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moustafa111x/32/139844_2.png) [@moustafa111x](https://forum.freecodecamp.org/u/moustafa111x)\
**Post date:** [May 27, 2020, 9:58am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/1 "2020-05-27T09:58:02Z")

</div>

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](https://codepen.io/moustafa-ahmed/pen/wvKxgvg)

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [May 27, 2020, 10:34am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/2 "2020-05-27T10:34:17Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![moustafa111x](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moustafa111x/32/139844_2.png) [@moustafa111x](https://forum.freecodecamp.org/u/moustafa111x)\
**Post date:** [May 27, 2020, 10:40am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/3 "2020-05-27T10:40:28Z")

</div>

Not offended, just worried I have done something wrong.

---

<div class="post-metadata">

**Author:** ![KittyKora](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kittykora/32/124629_2.png) [@KittyKora](https://forum.freecodecamp.org/u/KittyKora)\
**Post date:** [May 27, 2020, 10:47am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/4 "2020-05-27T10:47:12Z")

</div>

I don’t get the errors you mentioned?

 ![sioo](https://global.discourse-cdn.com/freecodecamp/original/3X/2/e/2eab1ebc6a9ea152ce64e5071873b9180d778fd6.png)

---

<div class="post-metadata">

**Author:** ![moustafa111x](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moustafa111x/32/139844_2.png) [@moustafa111x](https://forum.freecodecamp.org/u/moustafa111x)\
**Post date:** [May 27, 2020, 10:49am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/5 "2020-05-27T10:49:58Z")

</div>

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

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/1/8/18aabf0567168ad71279be832a9707b222a0a064.png)

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [May 28, 2020, 2:31pm UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/6 "2020-05-28T14:31:38Z")

</div>

> [@moustafa111x](#):
>
> 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?

There’s no such HTML tag as `navbar`

> [@moustafa111x](#):
>
> 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 ?

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.

---

<div class="post-metadata">

**Author:** ![moustafa111x](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moustafa111x/32/139844_2.png) [@moustafa111x](https://forum.freecodecamp.org/u/moustafa111x)\
**Post date:** [May 29, 2020, 1:26am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/7 "2020-05-29T01:26:48Z")

</div>

I was able to fix it, thanks a lot.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [May 29, 2020, 1:39pm UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/8 "2020-05-29T13:39:22Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![moustafa111x](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/moustafa111x/32/139844_2.png) [@moustafa111x](https://forum.freecodecamp.org/u/moustafa111x)\
**Post date:** [May 30, 2020, 7:04am UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/9 "2020-05-30T07:04:21Z")

</div>

@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!

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [May 30, 2020, 1:11pm UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/10 "2020-05-30T13:11:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![onahpatience1610](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/onahpatience1610/32/139267_2.png) [@onahpatience1610](https://forum.freecodecamp.org/u/onahpatience1610)\
**Post date:** [May 30, 2020, 1:29pm UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/11 "2020-05-30T13:29:41Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [May 30, 2020, 1:45pm UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/12 "2020-05-30T13:45:39Z")

</div>

@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.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 6:51pm UTC](https://forum.freecodecamp.org/t/personal-portofolio-project-help/394907/13 "2021-06-01T18:51:44Z")

</div>

Closed on June 1, 2021, 6:51pm UTC