Tell us what’s happening:
The last test fails for me. I have my ublock off for freecodecamp. Given the other questions on the forum I think the issue might be on the server end and not mine.
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>
<section><ul id="navbar">
<li><a href="#My-itch">My itch</a></li>
<li><a id="profile-link" target="_blank" href="https://app.wafrn.net/blog/kittenpawz">Contact me!</a></li></ul>
</section>
<section id="welcome-section"><h1>Welcome to my page</h1></section>
<section id="project-section"><h3 class="project-tile">My itch</h3><a href="https://itch.io/profile/kawaiikittenz">Click me!</a></section>
<div id="profile-link" class="profile-link"><button href="https://app.wafrn.net/blog/kittenpawz">click to contact me</button></div>
</body>
</html>
/* file: styles.css */
@media(prefers-color-scheme: dark) {
*{
background-color: purple;
color: pink;
font-family: Ariel;}
}
button {
background-color: hotpink;
color: black;
}
#navbar {
position: fixed;
top: 0;
width: 100%;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:154.0) Gecko/20100101 Firefox/154.0
Challenge Information:
Build a Personal Portfolio - Build a Personal Portfolio