Display projects' thumbnail in portfolio

I want to make my project links like that:

I don’t know how though. Can you guide me?

So? Can somebody help?

  • Codepen creates large and small screen shots of your pens that can be used in your portfolio. Access them from;
    https://codepen.io/userName/pen/slug/image/large.png (for the large screenshot)
    https://codepen.io/userName/pen/slug/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and slug with the id of one of your codepen pens and then copy that link into your portfolio

On a side note, this information can be found in codepen’s official documentation

1 Like