Build Personal Portofolio

HTML-CSS
1

Tell us what’s happening:
How do I get an image from my projects at codepen? I don’t see a way to save an image somehow.

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/81.0.4044.113 Safari/537.36.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

2

Hello @jachiu89, if I understand correctly, you want to use a local image in your codepen project?

3

Like in the project I need an image of my other projects in code.pen

4

@jachiu89, 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/penName/image/large.png (for the large screenshot)
and
https://codepen.io/userName/pen/penName/image/small.png (for the small screenshot)

  • where you replace userName with your codepen userId and penName with the id of one of your codepen pens
1 Like
5

I got a 404 error on that…

6

Did you build all your projects in codepen?
Did you change userName and penName in the URL to your userName and your penName?

I’ve used it. Works great.

7

Yes I have, I don’t know why it keeps showing the 404 error… I’ll try on my computer in a few. Thank you though.

8

Can you provide a link to any of your pens please.
I just tried it again on my computer to verify that I still get the image.

Edit: I should mention, that what I’ve provided you with is NOT what you’d code into your portfolio. When you plug that link into your computer you’ll have to copy the URL for your project picture and paste that into your portfolio.

9

I got actually thank you very much!