Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
i just do what the curse want i do the tasks but the last two that they are the media and the navbar be in top didnt get pass help me tnx

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="styles,css">
    <body>
      <main>
        <nav id="navbar">
          <a href="#"></a>
            </nav>
    <section id="welcome-section">
      <h1>Hi my name is Arian im from Iran im want to be a full stack developer in my life and i live to learn more about the thech and became a pro in my work.</h1>
      </section>
      <section id="projects">
        <h1 class="project-tile">Here I introduse my job.</h1>
        <a></a>
        <a id="profile-link" target="_blank"></a>
        </section>
        </main>
      </body>
  </html>
/* file: styles.css */
@media only screen and (max-width: 100px) {

}

#navbar {
  top: 0;
  position: absolute;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

The issues here are:

  • head element is not closed
  • css file is incorrectly linked
  • #navbar has no clickable (visible) links

Almost nothing to style and see in the html code.

Anyway, you have asked for the following elements:

  • media query is without any content
  • #navbar should have the ‘position’ property set to “fixed”, lef=0, top=0.