Tell us what’s happening:
Hi! I have been able to fulfill all of the other requirements, but I can’t seem to figure out how to get the navbar to stay at the top. Does anyone have any advice? Thanks!
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
<nav id="navbar">
<p>Clara Doyle Profile</p>
<a id="profile-link" rel="stylesheet" href="#footer" target="_blank">FreeCodeCampe Profile</a>
</nav>
<link rel="stylesheet" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<main>
<body>
<section id="welcome-section">
<h1>Welcome to my Portfolio!<h1>
</section>
<section id="projects">
<p class="project-tile">Hi! I am a new coder, and haven't done a lot of projects. I've done the ones in this course now though and I'm really proud of it! I am trying to learn python in school too!</p>
<p>If you want to see one of the projects I have done <a href="https://replit.com/@cse-1A/311-Assignment-1-clarad08">click here</a></p>
</section>
</body>
</main>
<footer>
<a id="profile link" href="https://www.freecodecamp.org/fcc34cc2757-63c7-4a66-9cd3-cc8dbd8fd656">Click here to view my FreeCodeCamp Profile</a>
</footer>
</html>
/* file: styles.css */
header {
display: flex;
position: fixed;
top: 0;
left: 0;
}
@media (max-width: 1000px) {
body {
font-size: 18px;
}
}
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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:
