Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I am having trouble figuring out where the project title would go in my code. Could anyone give me an example or explanation on what I am doing wrong here?
Your portfolio should contain at least one element with a class of project-tile .
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=width-device, initial-scale=1.0"></meta>
    <title>Portfolio Webpage</title>
    <link rel="stylesheet" href="styles.css"></link>
    </head>
     <navbar id="navbar" class="nav">
  <ul>
    <li><a href="#welcome-section">About</a></li>
    <li><a href="#projects">Work</a></li>
    <li><a href="#contact-section">Contact</a></li>
  </ul>
    </navbar>


    <body>
      <section id="welcome-section">
      <h1>Hello I am Morgan</h1>
      <p> A Web Devloper</p>
      </section>
      
     <section id="projects">
  <h2 class="projects-section-header">Portfolio</h2>
  
  <div class="projects-grid">
    <div class="project-title" id="projects"><a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-transforms-by-building-a-penguin/step-104"></a></div>
        </section>
        <div id="projects">
  <h4 class="text">Projects</h4>
</div>
        <div class="project-title">
        <div class="row">
  <div class="column" >
    <div class="container2"><p class="project-tile">Photo Editing</p>
    </div>
    </div>
  <div class="footer">
    <p>Footer</p>
    <div class="bottomnav">
  <a href"#">Facebook</a>
  <a href"#" id="profile-link" target="_blank">FreeCodeCamp</a>
  <a href"#">E-mail</a>
  <a href"#">Phone</a>
  
      </body>

  </html>

/* file: styles.css */
h1, p {
  position: relative;
justify-content: center;
background-color: #3defef;
  font-family: sans-serif;
  padding: 3em 
}
@media  {
#profile-link (
  target: _blank;
)
}

navbar {
  position: fixed;
  width: 20%;

background-color: #cc0000;
font-family: 'Expo 2', sans-serif;
padding: 0em;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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:

2

" 3. Your portfolio should have a projects section with an id of projects
4. The projects section should contain at least one element with a class of project-tile to hold a project"

Where you currently have .project-tile is not within the section with an “id” of “projects”.

1 Like
3

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