Thumbnail of previous sites built

1

I’m working through the second project now - Portfolio Page and I’ve created a gallery but I wanted to put in at least one page that I’ve built. So, the question is, what does everyone find is the best way to get a thumbnail of the sites they included to add to the gallery?

Is it as simple as screenshot it or are there sites out there that might be better?

TYIA

2

Just take a screenshot.
Open Chrome Dev Tools (F12), -> Toggle Device Toolbar (Ctrl + Shift + M) -> Select ‘Responsive’ -> Resize the inner screen to your liking -> Click three dots on the upper right corner -> Select ‘Capture Screenshot’.

screenshot.png1155×836 56 KB

3

Here is the output of an online HTML to image converter:

pjb9J3JETsKqehP8.png1024×2821 2.42 MB

It can be found here:
http://www.page2images.com/

4

That’s great, thanks both. I will check those out

5

I used web capture site. You can create png, jpeg and other formats. You can’t capture image from a locally hosted web server. So http://localhost:3001/ will not work.

6

How did you remove the menu bar of CodePen?

7

Switch to debug mode.

8

Got it! Thanks so much :smiley:

9

Just a tip: If you want to add a cool touch, try putting the image in a browser mockup and throwing a box-shadow under it.
https://dcrazed.com/free-web-browser-mockups-psd/