Personal Portfolio Webpage - Build a Personal Portfolio Webpage

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

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
  <title>My Portfolio</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <navbar id="navbar">
     <ul>
       <li>
    <a href="#web">About us</a>
    <link href="styles.css" rel="stylesheet">
  </li>
  <li>
  <a id="profile-link" target="_blank" href="profile-link">contact us</a>
  </li>
  </ul>
</nav>
    <section id="welcome-section">
  <main>
<h1>Welcome to My portfolio </h1>
    </section>
    <section id="projects">
      <div class="project-title">
        <h2> My First Project</h2>
        <p>This is my first personal portfolio</p>
        <a href="#">View Project<a>
          </div>
             <div class="project-tile">
        <h2>My Second Project</h2>
        <p>This is my second project. It's a more complex website that I built to learn JavaScript.</p>
        <a href="#">View Project</a>
      </div>
          </section>
    </main>
 <footer>
    <a id="profile-link" href="https://github.com/your-github-Kobby12371" target="_blank">View my GitHub profile</a>
  </footer>
   <script src="script.js"></script>
  </body>
/* file: styles.css */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}

#welcome-section {
  height: 100vh;
  background-color: #fff;
}
#welcome-section h1 {
  font-size: 3rem;
  text-align: center;
  margin-top: 5rem;
}

#projects {
  padding: 2rem;
}
.project-tile {
  background-color: #fff;
  padding

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

Hello and welcome to the community :smiley:!
Can you describe what issue your facing? :smile:

1 Like

Please tell us what the problem is in your own words. Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like

How do i wrap my a element around the terms-and-conditions

How do i place my navbar on top of my viewport?

Welcome to the community!

The navbar can be set to the top by selecting it, and position fixed.

Great progress! :slight_smile:

1 Like

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