How to get image of project

Tell us what’s happening:
I’m trying to do the portfolio page on html and css project, the sample page has nice pictures of the creator’s projects, and I don’t know how to do that for my projects. My projects were made on VScode, and are saved as files on my computer. I tried learning how to use github but I don’t understand it yet, and just want to find a way to post my project as an image.

Your code so far

Your browser information:

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

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

Hi @mike.confalone1224 !

Welcome to the forum!

Codepen has an option to get screenshots for your projects.
https://blog.codepen.io/documentation/screenshots/

Thank you, I will try now. I made the projects on visual studio code but will see if I can upload them to codepen without having to pay a subscription

I think you only have to pay if you want to customize your screenshots.

The free version of codepen allows only one project but an unlimited number of Pens. Note that the freeCodeCamp example projects are Pens, and the freeCodeCamp test suite is in a Pen that users can fork.