Needing help on personal portfolio

Hey everyone hope you are all well. I have a question that I hope will be answered soon. I’m currently working on my personal portfolio and much like the example I would like to use some jpg of my work as well but dont know how to do so.

Don’t understand. You need to know how to screenshot or use img tag?


  • Codepen creates large and small screen shots of your pens that can be used in your portfolio. Access them from; (for the large screenshot)
    or (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

You can also find this info in codepen’s official documentation

sorry i should’ve explained a little bit better, lets say for instance i take a screenshot of my pages and i want to put them into my html. Whats the best method to doing so ? Is there like a website that helps convert the images into code ?

depends how you upload your page to the web. If you use codepen, you would need to upload the image on a site offering this service and use in the image url, but keep in mind this can become tricky.

Thank you everyone for your input and advice. It is very appreciated and i believe I did my best on this project. However right now I dont know how to fix a problem, It says that I need to fix my height in the welcome section to match the viewport but i’m not sure how to do such a thing.

Hi, please give these two MDN documentations a read. Your issue stems from not using viewport units, and not knowing how padding factors into element size calculations.

  1. CSS values and units

  2. Box-sizing

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.