Build a Personal Portfolio - Build a Personal Portfolio

HTML-CSS
1

Tell us what’s happening:

“The projects section should contain at least one element with a class of project-tile to hold a project.” Not accepted no matter where i put the class=“project-title”

Your code so far

<!-- file: index.html -->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Personal Portfolio</title>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>
    <main>

      <section>
        
        <ul id="navbar">
          <li><a href="#Golden Dusk">Golden Dusk</a></li>
          <li><a id ="profile-link" target="_blank" href="https://github.com/n-otoole">GitHub</a></li>
        </ul>
      </section>

      <section id="welcome-section">
        <h1> Niall was here</h1>
        <p id="intro"> Welcome to my page!</p>
      </section>
      

      <section id="project-section" ">
        <h2>Projects</h2>
        <h3 class="project-title">Golden dusk</h3>
  <p class="description"><a class="project-title" href="project.com">Here</a> is a project called Golden Dusk. To be honest, the project doesn't exist and I stole the name from a lo-fi song</p>

  <h3 class="project-title">Another Title</h3>
</section>
      
    </main>
  </body>
</html>

/* file: styles.css */
*{
  font-family: Papyrus;
}



h1{
  color: green;
  font-size: 50px;
  text-align: center;
}
#intro{
 text-align: center;
 font-size: 25px;
}

 
.project-title{
  color: green;
  font-weight: bold;
}

@media (prefers-color-scheme: dark){
*{
  background-color: black;
color: white;
font-family: papyrus;
}

h1{
  color: green;
}
}

#welcome-section{
  height: 1vh;
  overflow: auto;

}


#navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
  position: fixed;
  top:0;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: green;}

Your browser information:

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

Challenge Information:

Build a Personal Portfolio - Build a Personal Portfolio

2
  1. The projects section should contain at least one element with a class of project-tile to hold a project.

Please compare the class name in your code to the class name in the instruction. They must match.

3

thanks! i was going crazy, guess i just misunderstood what it wanted hahah