Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Tell us what’s happening:
Hi! I have been able to fulfill all of the other requirements, but I can’t seem to figure out how to get the navbar to stay at the top. Does anyone have any advice? Thanks!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
    <nav id="navbar">
       <p>Clara Doyle Profile</p>
        <a id="profile-link" rel="stylesheet" href="#footer" target="_blank">FreeCodeCampe Profile</a>
    <link rel="stylesheet" href="styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <section id="welcome-section">
        <h1>Welcome to my Portfolio!<h1>
        <section id="projects">
          <p class="project-tile">Hi! I am a new coder, and haven't done a lot of projects. I've done the ones in this course now though and I'm really proud of it! I am trying to learn python in school too!</p>
      <p>If you want to see one of the projects I have done <a href="">click here</a></p>
        <a id="profile link" href="">Click here to view my FreeCodeCamp Profile</a>
/* file: styles.css */
header {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;

@media (max-width: 1000px) {
  body {
    font-size: 18px;

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

Your navbar is inside your head element, and should be inside a header element inside your body :slight_smile:

The head element is for meta data and the body is for everything you see on the page

PS swap your body and main around as well :slight_smile: you should only have one body and one head

  • “nav” is in wrong section
  • “nav” should be in “body or main” section

happy learning :slight_smile:

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