Nav issues- Build a Personal Portfolio Webpage

HTML-CSS
1

html issues:

  • Your portfolio should have a navbar with an id of navbar.
  • Your #navbar element should contain at least one a element whose href attribute starts with #.

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dsleazii Portfolio</title>
   <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header> 
        <nav id="nav-bar">
        <ul class="nav-links">
        <li><a href="#welcome-section" class="nav-link">Welcome</a></li>
        <li><a href="#projects" class="nav-link">Projects</a></li>
        <li><a href="#info" class="nav-link">Info</a></li>
     </ul>
    </nav>
    </header>
    <section id="welcome-section">
        <h1>Hello Im Dsleazii.</h1>
        <p> Front-end web developer</p>
    </section>

everything looks fine not sure what wrong with my nav element

2

it was the dash on the nav.

1 Like
3

Good job on finding it on your own!

4

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