Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Hi ! I need a help at this step ! Your navbar should always be at the top of the viewport
Don’t know what s going wrong here

<!-- file: index.html -->

<nav id="#navbar"></nav>

<nav id="navbar"><a class="nav-link" href="#welcome-section">Hello</a></nav>

<header id="header">
  <img src="" alt="logo" id="header-img">
  <nav id="nav-bar">
      <li><a href="#about-us" class="nav-link">About Us</a></li>
      <li><a href="#videos" class="nav-link">Demo</a></li>
      <li><a href="#photos" class="nav-link">Photo Gallery</a></li>
      <li><a href="#contact-us" class="nav-link">Contact</a></li>
<link rel="stylesheet" href="styles.css">
  <li><a href="">Welcome Section</a></li>
  <li><a href="">Projects</a></li>
<section id="welcome-section">
  <h2>Software Developer</h2>
<section id="projects">
  <div class="projects-grid">
    <nav id="projectabar">
      <a id="YouTube_iVuDang" class="project-tile" targer="_blank" href=""></a>
      <a id="profile-link" class="project-tile" target="_blank" href="">GitHub</a>
    <a id="CodePen_iVuDang" class="project-tile" target="_blank" href="">CodePen</a>  

/* file: styles.css */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #cc0000;
  color: white;
  font-family: 'Exo 2', sans-serif;
  padding: 1em;

#welcome-section {
  height: 100vh;
  @media (max-width:768px) {
    body {
      background-color: brun; 

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:

I have just found the solution

1 Like

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