Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Tell us what’s happening:
I’m not having any luck with the project-tile how or where do I go to get a good idea on how to create one? Every where I look I keep running in to tiles for flooring or projects tiles that have more then just the tile and is hard to decipher what I need to do in order to create one.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"  href="./styles.css">
<title>Personal Portfolio</title>
</head>
<body>
  <a name="top"></a>
  <a href="#top">Back to top</a>
 <nav id="navbar"> 
   <header>
   <a class="nav-link" href="#about-me">About Me
    <a class="nav-link" href="#projects">Projects
    <a class="nav-link" href="#contact">Contact</a>
   </nav>
<section id="welcome-section">
<h1 id="welcome-section"> Misty Inez Bedell</h1>
<p id="welcome-section">Student at FreeCodeCamp</p>
</section>
</header>
<hr>
<hr>
<section id="about-me">
  <h2 class="about-me"> About Me</h2>
  <p class="about-me">My name is Misty Inez Bedell, but you can call me Dove. I'm 32 years old and still full of adventure. My husband and I love to camp, go fishing, hunting, hiking, when able, and just live a laid back kind of life. Growing up I was called a tomboy but theres a diffrence between me and your avarage tomboy and that is, I also love to do my nails, wear makeup, wear dresses and fix my hair. I'm not afraid to do my nails then turn around after they dried and go chases down a stray cow or two; or go cut down some wood. But the most important thing to me, is spending time enjoying the company of family and friends while sitting outside on a cool fall evening enjoying a small bon fire and rostaing marshmollows. which is where I came up with the idea for my shoe line Country Diva. </p>
  </section>
  <hr>
  <hr>
  <section id="projects">
    <div class="projects tiles">
    <h2 class="projects"> Hogwarts Survey</h2>
    <a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form">
<h2 class="projects"> Tribute Page </h2>
<link href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page">
<h2 class="projects">Landing Page </h2>
<link href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page>"
/* 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/107.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

A .project-tile is just a div element with the class set to project-tile

You are supposed to use this portfolio to show people your other projects. So you need to find a way to do that.

Why not take a look at other people’s portfolios for ideas on how they showcased their work? (Many are listed in the Code Review subforum)