How to get image of project

HTML-CSS
#1

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:

#2

Hi @mike.confalone1224 !

Welcome to the forum!

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

#3

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

#4

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

#5

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.