Personal Portfolio Webpage - Build a Personal Portfolio Webpage

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

Hi!
Interesting, never knew that Codepen generated screenshots, but apparently, it does! You can add /image/large.png or /image/small.png to the end of the project’s url to get it. Source:
https://blog.codepen.io/documentation/screenshots/
Hope that helps (and thanks for mentioning that, gonna use this feature myself :grinning:)!

It actually worked lol, tysm and you’re welcome!