Your #navbar element should always be at the top of the viewport

<!--I have Error on above Scenario. Please Help Me-->
<!-- file: index.html -->
Portfolio Welcome

Portfolio WebPage

Projects

Personal Details

``` ```

As usual, please edit your post so your code is in a code block and so that it contains a link to the current step or challenge.

<!DOCTYPE html>
<html lang="en">
  <head>
<title>Portfolio</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device=width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
  </head>
  
  <main>
  <nav id="navbar">
      <a href="#" id="profile-link" target="_blank"></a>
    </nav>  
<section id="welcome-section" class="project-tile">Welcome
      <h1>Portfolio WebPage</h1>
    </section>
    <section id="projects">Projects
<h2 class="project-tile">Personal Details</h2>
      <a></a>
    </section>
    </main>
</html>

Please Check My Code !! What’s Error in My Code Regarding above Scenario …

We need your CSS as well because you have to use CSS to pass this test.

<!--This below code workout for me. Thanks for Giving Hint--> :handshake:
@media only screen and (max-width:720px){
  
}
#navbar{
  position:fixed;
  width:100%;
  top:0;
  left:0;
}

Ya, your HTML and CSS are passing for me. I think you accidentally solved it :slight_smile:

Although I will point out that you have done the bare minimum to pass all the tests. If that’s all you care about then so be it. But this isn’t really in the spirit of the challenge if you ask me.

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