Tell us what’s happening:
Describe your issue in detail here.
Hello. I’m stuck on the last step, making sure my navbar is at the top of the viewport. Can someone tell me what I’m doing wrong?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<navbar id="navbar">
<a class="nav-link" href="#welcome-section">About</a>
<a class="nav-link" href="#projects">Work</a>
<a class="nav-link" href="#contact">Contact</a>
</navbar>
<section id="welcome-section">
<h1>Welcome to my portfolio</h1>
</section>
<section id="projects">
<h2>My Projects</h2>
<div class="projects">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form" target="_blank"></a>
<p class="project-tile">Survey Form</p>
</div>
</section>
<section id="contact">
<a id="profile-link" href="https://www.freecodecamp.org/fcc69353b0a-142f-4def-9c1a-8c837bcf4106" target="_blank">Profile</a>
</section>
</html>
/* file: styles.css */
@media (max-width: 960px){
.Projects {
padding: 2rem;
}
}
.navbar {
display: flex;
justify-content: flex-end;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage
Link to the challenge: