# Building a portfolio(project)

**URL:** <https://forum.freecodecamp.org/t/building-a-portfolio-project/236206>\
**Category:** General\
**Created:** [October 26, 2018, 8:56am UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206 "2018-10-26T08:56:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Delux003](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/delux003/32/101061_2.png) [@Delux003](https://forum.freecodecamp.org/u/Delux003)\
**Post date:** [October 26, 2018, 8:56am UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/1 "2018-10-26T08:56:46Z")

</div>

Hey, just been confused over how I can’t seem to complete the project, due to a failure. [https://codepen.io/Delux003/pen/zmygVY](https://codepen.io/Delux003/pen/zmygVY) this links to my code, and the failure is based on how the navbar should always be at the top of the viewport.  
I’ve applied:

position: fixed;  
width:100%;  
top:0;  
etc…

---

<div class="post-metadata">

**Author:** ![BenGitter](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bengitter/32/12192_2.png) [@BenGitter](https://forum.freecodecamp.org/u/BenGitter)\
**Post date:** [October 26, 2018, 9:09am UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/2 "2018-10-26T09:09:20Z")

</div>

You are currently applying the `position: fixed; top: 0` to your `ul`, but the item that should be fixed to the top is `#navbar`.

---

<div class="post-metadata">

**Author:** ![Delux003](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/delux003/32/101061_2.png) [@Delux003](https://forum.freecodecamp.org/u/Delux003)\
**Post date:** [October 26, 2018, 9:19am UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/3 "2018-10-26T09:19:28Z")

</div>

Thank’s man, it sort of worked, but affected most of my CSS code. But I finally managed to pass after nearly an hour just getting confused over it.

---

<div class="post-metadata">

**Author:** ![michaelnicol](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelnicol/32/224831_2.png) [@michaelnicol](https://forum.freecodecamp.org/u/michaelnicol)\
**Post date:** [October 26, 2018, 10:17am UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/4 "2018-10-26T10:17:27Z")

</div>

look up W3 schools for a cheat sheet/ quick and simple documentation page on anything in html, CSS, JS.

---

<div class="post-metadata">

**Author:** ![Delux003](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/delux003/32/101061_2.png) [@Delux003](https://forum.freecodecamp.org/u/Delux003)\
**Post date:** [October 28, 2018, 6:49am UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/5 "2018-10-28T06:49:14Z")

</div>

yea i have been doing that lately, they’re pretty good…

---

<div class="post-metadata">

**Author:** ![michaelnicol](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelnicol/32/224831_2.png) [@michaelnicol](https://forum.freecodecamp.org/u/michaelnicol)\
**Post date:** [October 28, 2018, 12:43pm UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/6 "2018-10-28T12:43:09Z")

</div>

Some helpful tools --\> [https://codepen.io/Mike-was-here123/post/check-out-these-sites](https://codepen.io/Mike-was-here123/post/check-out-these-sites)

---

<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:** [January 17, 2021, 8:09pm UTC](https://forum.freecodecamp.org/t/building-a-portfolio-project/236206/7 "2021-01-17T20:09:16Z")

</div>

Closed on January 17, 2021, 8:09pm UTC