Tell us what’s happening:
I have to have an a element with the id of profile-link. I already have one though. Also, it says my profile-link should have a target of _blank, but these two are fixed. It keeps saying it though.
Your code so far
<!-- 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/136.0.0.0 Safari/537.36 Edg/136.0.0.0
Challenge Information:
Personal Portfolio Webpage - Build a Personal Portfolio Webpage
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Portfolio Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main>
<div id="welcome-section">
<h1 class="project-tile">My Portfolio Website</h1>
</div>
<section id="projects">
<h2>Projects</h2>
<h3>These are the projects I have made with freeCodeCamp:</h3>
<ul id="project-list">
<li class="project-tile">
<a href='https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-71'>Cat Photo App</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-91">Cafe Menu</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-94">Set of Coloured Markers</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-65">Registration Form</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form">Survy Form</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/step-45">Rothko Painting</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-24">Photo Gallery</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-68">Nurtition Label</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-67">Accesibility Quiz</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page">Tribute Page</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-66">Balance Sheet</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-intermediate-css-by-building-a-cat-painting/step-82">Cat Painting</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-33">Piano</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-technical-documentation-page-project/build-a-technical-documentation-page">Technical Documentation</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-118">City Skyline</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-grid-by-building-a-magazine/step-80">Magazine Article</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page">Product Landing</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-animation-by-building-a-ferris-wheel/step-29">Ferris Wheel</a>
</li>
<li class="project-tile">
<a href="https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-transforms-by-building-a-penguin/step-104">Penguin</a>
</li>
</ul>
</section>
<section id="my-coding">
<h2>My Coding</h2>
<h3>I started coding on <a href="https://www.khanacademy.org">KhanAcademy</a> when I was about 5. Since then, I have done basic CSS and HTML on Khan Academy; some Javascript and also, some SQL. I have started learning Python with the book Snake Wrangling for Kids.</h3>
<h4>I have done the Responsive Web Design course on freeCodeCamp. It is what got me to the HTML and CSS level I am at now.</h4>
</section>
<div class="navi">
<nav id="navbar">
<a class="pp"
href="#projects">Projects</a>
<a class="pp"href="#my-coding">My coding</a>
<a class="pp"href="#contacts">My contact details</a>
</nav>
</div>
<div id="profile-link">
<h2>My Contact Details</h2>
<h3 id="contacts"><a id="profile-link" href="github.com/TotallyNotAFish" target="_blank"><img src="https://th.bing.com/th/id/OIP.sV7tva-728oySeOUL0-vOwHaHa?rs=1&pid=ImgDetMain" width="40px"></a> <br>Gmail: fartamazingkingelephant@gmail.com <br></h3>
</div>
<footer>
<p class="p">Note: The email address is fake.</p>
</footer>
</main>
</body>
</html>
nevermind i had 2 profile-links