# Personal Portfolio Webpage - Build a Personal Portfolio Webpage **URL:** \ **Category:** Curriculum Help\ **Created:** [April 11, 2024, 2:07pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-build-a-personal-portfolio-webpage/684884 "2024-04-11T14:07:42Z")\ **Posts on this page:** 4\ **Page:** 1

**Author:** ![emanuelteper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/emanuelteper/32/325363_2.png) [@emanuelteper](https://forum.freecodecamp.org/u/emanuelteper)\ **Post date:** [April 11, 2024, 2:07pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-build-a-personal-portfolio-webpage/684884/1 "2024-04-11T14:07:42Z")

### Tell us what’s happening: Hello! I am doing the final portfolio project. And I can’t make my code comply with the condition that the nav is always on top of everything. Visually it is at the top. But it won’t let me pass the test. ### Your code so far ```html

Hey I am Mimic

a web developer

These are some of my projects

< Tribute Page />

< Random Quote Machine />

< JavaScript Calculator />

Let´s work together

How do you take your coffee

``` ```css /* file: styles.css */ * { margin:0; padding:0; box-sizing: border-box; } #navbar { top: 1; } #nav-list { background-color: #f00; margin: 0; padding: 0; display: flex; width: 100%; height:70px; justify-content: space-around; } #welcome-section { background: linear-gradient(to right, #4c4c4c 0%,#595959 12%,#666666 21%,#474747 33%,#2c2c2c 46%,#000000 57%,#111111 74%,#111111 74%,#1c1c1c 82%,#2b2b2b 94%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; } #welcome-section h1 { color: #fff; font-size: 40px } #welcome-section h2 { color: #f00; } #projects { background: grey; height: 500px; } .project-header { height: 200px; display: flex; justify-content: center; align-items: start; } #projects h1 { font-size: 40px; } .projects-grid { grid-template-columns: repeat(3,100px); grid-template-rows: 100px; } @media (max-width: 1000px) { sectionv{} #navbar { top:1 } .projects-grid { grid-template-columns: repeat(3,100px); grid-template-rows: 100px; } } ``` ### Your browser information: User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36` ### Challenge Information: Personal Portfolio Webpage - Build a Personal Portfolio Webpage > **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage)** > > Learn to Code — For Free ---

**Author:** ![JuniorQ](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/juniorq/32/400966_2.png) [@JuniorQ](https://forum.freecodecamp.org/u/JuniorQ)\ **Post date:** [April 11, 2024, 2:12pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-build-a-personal-portfolio-webpage/684884/2 "2024-04-11T14:12:06Z")

Hi, > [@emanuelteper](#): > > ```auto > #navbar { > top: 1; > > } > > ``` yes visually it is at the top but when you scroll it should be there, visible. To do this, you need to change the position of your #nav-bar to fixed. and your current code doesn’t bring any changes. ---

**Author:** ![Guided](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/guided/32/414883_2.png) [@Guided](https://forum.freecodecamp.org/u/Guided)\ **Post date:** [April 11, 2024, 2:12pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-build-a-personal-portfolio-webpage/684884/3 "2024-04-11T14:12:46Z")

This link may be helpful: [CSS Layout - The position Property (w3schools.com)](https://www.w3schools.com/Css/css_positioning.asp) You want the navbar to be at the top of the viewport, so its always on screen. ---

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\ **Post date:** [October 11, 2024, 2:13am UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-build-a-personal-portfolio-webpage/684884/4 "2024-10-11T02:13:13Z")

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