# My portfolio on codepen.io

**URL:** <https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594>\
**Category:** I Built This\
**Created:** [August 23, 2018, 9:31pm UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594 "2018-08-23T21:31:26Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![sriaman](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@sriaman](https://forum.freecodecamp.org/u/sriaman)\
**Post date:** [August 23, 2018, 9:31pm UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/1 "2018-08-23T21:31:26Z")

</div>

> **[My Portfolio](https://codepen.io/sriaman/pen/PdPWVb)**
>
> ...

---

<div class="post-metadata">

**Author:** ![tuyijack](https://avatars.discourse-cdn.com/v4/letter/t/aca169/32.png) [@tuyijack](https://forum.freecodecamp.org/u/tuyijack)\
**Post date:** [August 24, 2018, 6:39am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/2 "2018-08-24T06:39:01Z")

</div>

@sriaman you have a very nice portfolio page, i a m also workin on mine as well can you please tell how to get a screen short link?

---

<div class="post-metadata">

**Author:** ![Tchoukoualeu](https://avatars.discourse-cdn.com/v4/letter/t/ecc23a/32.png) [@Tchoukoualeu](https://forum.freecodecamp.org/u/Tchoukoualeu)\
**Post date:** [August 24, 2018, 6:44am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/3 "2018-08-24T06:44:25Z")

</div>

Good job!

In my opinion, the page will look way better if the images on the Responsive Web Design Projects section had the same size.

 ![fff](https://global.discourse-cdn.com/freecodecamp/original/3X/b/4/b48746e7ca15c20861a2a83b1f5453d0e7ad9b75.jpg)

---

<div class="post-metadata">

**Author:** ![sxnaprkhr](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sxnaprkhr/32/107516_2.png) [@sxnaprkhr](https://forum.freecodecamp.org/u/sxnaprkhr)\
**Post date:** [August 24, 2018, 6:49am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/4 "2018-08-24T06:49:27Z")

</div>

Here is my opinion -

1. The images except the projects don’t load for me. That might be a CodePen problem cos the images load perfectly when opened individually.

2. Size of the images of the projects you have done should be same.

3. Also, the increasing size of the icons when hovered at the bottom of the webpage makes other icons to behave improperly.

---

<div class="post-metadata">

**Author:** ![tuyijack](https://avatars.discourse-cdn.com/v4/letter/t/aca169/32.png) [@tuyijack](https://forum.freecodecamp.org/u/tuyijack)\
**Post date:** [August 24, 2018, 7:08am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/5 "2018-08-24T07:08:12Z")

</div>

@Tchoukoualeu hi i am also working to my portfolio page but i m stuck on how to a get a link of a screen short can you please Guide me.

---

<div class="post-metadata">

**Author:** ![Tchoukoualeu](https://avatars.discourse-cdn.com/v4/letter/t/ecc23a/32.png) [@Tchoukoualeu](https://forum.freecodecamp.org/u/Tchoukoualeu)\
**Post date:** [August 24, 2018, 7:15am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/6 "2018-08-24T07:15:34Z")

</div>

I do not thing I got your question right.

1. If you mean, “How to you create screenshots?”  
I am using **Snipping Tool** on windows computer 10. Just search for the application on your windows computer (if you happen to be working on one).

2. If you mean. “How do I upload a picture online and use it in my project?”  
I upload my pictures here: [https://imgbb.com/](https://imgbb.com/), grab the link to the pictures and use them in my project.

PS. You can also use the **PrintScreen** button on your keyboard, paste the picture in Paint, crop the picture and use it as a screenshot of your project. but this option is too tedious as compared to using Snipping Tools

---

<div class="post-metadata">

**Author:** ![tuyijack](https://avatars.discourse-cdn.com/v4/letter/t/aca169/32.png) [@tuyijack](https://forum.freecodecamp.org/u/tuyijack)\
**Post date:** [August 24, 2018, 7:32am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/7 "2018-08-24T07:32:20Z")

</div>

@Tchoukoualeu i know how to do printScreen and crop it in paint but i want to use a link of that screen short i have croped in my project but i dont know where to find it

---

<div class="post-metadata">

**Author:** ![Tchoukoualeu](https://avatars.discourse-cdn.com/v4/letter/t/ecc23a/32.png) [@Tchoukoualeu](https://forum.freecodecamp.org/u/Tchoukoualeu)\
**Post date:** [August 24, 2018, 7:34am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/8 "2018-08-24T07:34:36Z")

</div>

Then use the option 2 I provided above.

Upload the image online, grab the link, and use it in your project.

---

<div class="post-metadata">

**Author:** ![tuyijack](https://avatars.discourse-cdn.com/v4/letter/t/aca169/32.png) [@tuyijack](https://forum.freecodecamp.org/u/tuyijack)\
**Post date:** [August 24, 2018, 7:38am UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/9 "2018-08-24T07:38:35Z")

</div>

thanks a lot for the Guidance

---

<div class="post-metadata">

**Author:** ![sriaman](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@sriaman](https://forum.freecodecamp.org/u/sriaman)\
**Post date:** [August 31, 2018, 5:07pm UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/10 "2018-08-31T17:07:49Z")

</div>

i just downloaded project related image regarding and upload it

---

<div class="post-metadata">

**Author:** ![sxnaprkhr](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sxnaprkhr/32/107516_2.png) [@sxnaprkhr](https://forum.freecodecamp.org/u/sxnaprkhr)\
**Post date:** [August 31, 2018, 5:16pm UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/11 "2018-08-31T17:16:24Z")

</div>

@sriaman host your portfolio on GitHub and I will submit a PR which you can review.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:44pm UTC](https://forum.freecodecamp.org/t/my-portfolio-on-codepen-io/220594/12 "2021-06-01T13:44:42Z")

</div>


