How to connect codepen to freecodecamp when coding

Hello, I would like to know how to integrate codepen in freecodecamp, so that everytime I do the challenges, It is easier for me to track each challenge on codepen see if I got it right

Your code so far

/* file: index.html */
<div id="welcome-section">
<a id="profile-link" target="_blank"></a>
<h1>My Portfolio</h1>
</div>
<div id="projects">
<div class="project-tile">Build a technical documentation project</div>
<navbar id="navbar"><a href="#https://codepen.io/shimphillip/pen/ZEXMeZW"></a></navbar>
</div>
/* file: styles.css */
@media (max-width: 600px) {}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

Not really sure what you mean by integrate?

You can still use the test script and code against that. The test script should for the most work the same as the editor tests (but that can change). But for the actual submission, you have to use the freeCodeCamp editor.

Test script you can add to the HTML on Codepen

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

What I mean is, how to transfer the challenges from freecodecamp and transfer them to codepen, so that in codepen, i can run tests see if I pass the challenge or not. See the attached photo below

I already upgrade my codepen account to pro, but cant seem to know how to do what i want to achieve

As @lasjorg said, you have to add the test script to the HTML on CodePen.