Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

Your porrtfolio should conatin at least one element with a class of project-tile.

Your code so far

<html lang="en">
<meta charset="utf-8">
<head>
  <title>Personal Portfolio</title>
  <link rel="stylesheet" href="styles.css">
  </head>
   <body>
     <nav id="navbar">
      <ul id="nav-list">
       <li>
         <a href="#About">About</a>
       </li>
      </ul>
        <ul id="nav-list">
       <li>
         <a href="#Work">Work</a>
       </li>
      </ul>
        <ul id="nav-list">
       <li>
         <a href="#Contact">Contact</a>
       </li>
      </ul>
      </nav>
      <section id="welcome-section" class="welcome-section">
        <h1>Hello I'm Logan</h1>
        <p> An aspiring developer</p>
      </section>
      <section id="projects" class="projects"></section>
      <h2>These are my projects</h2>
      <div class="projects-grid">
        <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page">
          <img src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" class="project-img"/>
           <p class="project-tile">Tribute Page</p>
         </a>
      </div>
        <div class="projects-grid">
        <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form">
          <img src="" class="project-img"/>
           <p class="project-tile">survey Form</p>
         </a>
      </div>
        <div class="projects-grid">
        <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page">
          <img src="" class="project-img"/>
           <p class="project-tile">Technical Document</p>
         </a>
      </div>
        <div class="projects-grid">
        <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page">
          <img src="" class="project-img"/>
           <p class="project-tile">Product Landing Page</p>
         </a>
      </div>
        <div class="projects-grid">
        <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-118">
          <img src="" class="project-img"/>
           <p class="project-tile">City Skyline</p>
         </a>
      </div>
        <div class="projects-grid">
        <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-68">
          <img src="" class="project-img"/>
           <p class="project-tile">Nutrition Label</p>
         </a>
      </div>
      <section id="contact" class="contact">
        <div id="contact-header"></div>
        <h2>Let's work together...</h2>
        <p id="contact-p">How do you take your coffee?</p>
        <div id="contact-links">
           <a href="" id="profile-link" target="_blank">freeCodeCamp</a>
        </div>
      </section>
   </body>
</html>

<!-- file: index.html -->


/* file: styles.css */

Your browser information:

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

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

Please Tell us what’s happening 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!