Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

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
Thanks

<!-- 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="https://static1.squarespace.com/static/54d3e88ce4b0be204d0da36a/t/566f5b70bfe873371e44c7b0/1525197822184/" alt="logo" id="header-img">
  <nav id="nav-bar">
    <ul> 
      <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>
  </nav>
</header> 
<link rel="stylesheet" href="styles.css">
<ul>
  <li><a href="https://codepen.io/johndoenma/pens/public">Welcome Section</a></li>
  <li><a href="https://codepen.io/johndoenma/pens/public">Projects</a></li>
  </li>
</ul>
<section id="welcome-section">
  <h1>Sinouhé</h1>
  <h2>Software Developer</h2>
</section>
<section id="projects">
  <div class="projects-grid">
    <nav id="projectabar">
      <a id="YouTube_iVuDang" class="project-tile" targer="_blank" href="https://www.youtube.com/user/iVuDang"></a>
      <a id="profile-link" class="project-tile" target="_blank" href="https://github.com/ivudang">GitHub</a>
    <a id="CodePen_iVuDang" class="project-tile" target="_blank" href="https://codepen.io/iVuDang">CodePen</a>  

    </nav>
    
    </div>
</section>

/* file: styles.css */
/* START NAV BAR */
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/107.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

I have just found the solution

1 Like
3

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