Tell us what’s happening:
I want to put images of my projects as in the demo project but I don’t know how, I’ve read in other posts that codepen automatically takes screenshots of the projects, I created an account and I already uploaded a project but I don’t see any screenshot option (maybe i have to subscribe?..) I pasted the project link in the code and the image doesn’t appear either
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="./styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav id="navbar" class="nav">
<ul class="nav-list">
<li>
<a href="#welcome-section">About</a>
</li>
<li>
<a href="#projects">Work</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</nav>
<section id="welcome-section" class="welcome-section">
<h1>Hey I am Ninxq</h1>
<p>a web developer</p>
</section>
<section id="projects" class="projects-section">
<h2 class="projects-section-header">These are some of my projects</h2>
</section>
<div class="projects-grid">
<a
href="https://codepen.io/Ninxq_11/pen/gbYdzWM"
target="_blank"
class="project project-tile"
>
<p class="project-title">
Survey Form
</p>
</a>
</div>
</body>
</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/132.0.0.0 Safari/537.36
Challenge Information:
Personal Portfolio Webpage - Build a Personal Portfolio Webpage