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: