# Dedicated portfolio feedback thread

**URL:** <https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460>\
**Category:** I Built This\
**Created:** [May 10, 2018, 9:41pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460 "2018-05-10T21:41:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![oomti](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/oomti/32/125137_2.png) [@oomti](https://forum.freecodecamp.org/u/oomti)\
**Post date:** [May 10, 2018, 9:41pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/1 "2018-05-10T21:41:14Z")

</div>

Post your portfolio project here

---

<div class="post-metadata">

**Author:** ![HooriaHic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hooriahic/32/315647_2.png) [@HooriaHic](https://forum.freecodecamp.org/u/HooriaHic)\
**Post date:** [May 12, 2018, 5:20am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/2 "2018-05-12T05:20:19Z")

</div>

hello @oomit!  
check my portfolio  
and give me feedback or suggestion  
[![. My personal portfolio]()](https://codepen.io/Hooriahic/full/pVaJeW/)

---

<div class="post-metadata">

**Author:** ![HooriaHic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hooriahic/32/315647_2.png) [@HooriaHic](https://forum.freecodecamp.org/u/HooriaHic)\
**Post date:** [May 12, 2018, 5:21am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/3 "2018-05-12T05:21:58Z")

</div>

hey @oomit  
can you share you’r portfolio link?

---

<div class="post-metadata">

**Author:** ![NANAENGLISH](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/nanaenglish/32/78517_2.png) [@NANAENGLISH](https://forum.freecodecamp.org/u/NANAENGLISH)\
**Post date:** [May 12, 2018, 5:56am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/4 "2018-05-12T05:56:43Z")

</div>

Hi @HooriaHic

First of all, good job on completing your portfolio!

I have some visual suggestions.

- How happy are you with the background image and the background of where it says " Hi, I am …"  
The two images seem to clash with each other and there is a lot going on.

\*Also, your portfolio page which we are already looking at is part of your projects. I would take it out because that is redundant information. (Your footer already says that).

\*Also, as a Native English speaker and English teacher, I see SO many errors with capitalization, punctuation, etc. English may not be your first language which is totally fine, but use [grammarly.com](http://grammarly.com) to edit ALL work beforehand. It is free.

\*The icons to contact you should also be smaller, I would not have them span across the width of the screen.

That is all I wanted to share.

How long have you been learning for? 🙂

---

<div class="post-metadata">

**Author:** ![HooriaHic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hooriahic/32/315647_2.png) [@HooriaHic](https://forum.freecodecamp.org/u/HooriaHic)\
**Post date:** [May 12, 2018, 6:15am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/5 "2018-05-12T06:15:26Z")

</div>

i have been learning from 10 days

---

<div class="post-metadata">

**Author:** ![oomti](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/oomti/32/125137_2.png) [@oomti](https://forum.freecodecamp.org/u/oomti)\
**Post date:** [May 12, 2018, 3:24pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/6 "2018-05-12T15:24:22Z")

</div>

Hello @HooriaHic  
I really like the design and color palette of your portfolio.

Some ideas to improve:

- You could use the images for the project link, instead the link in the descritpion
- Add an onhover enlarge effect for your project images
- As @NANAENGLISH mentioned, rearrange your contact icons 

I haven`t made my portfolio project, yet.

---

<div class="post-metadata">

**Author:** ![HooriaHic](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hooriahic/32/315647_2.png) [@HooriaHic](https://forum.freecodecamp.org/u/HooriaHic)\
**Post date:** [May 13, 2018, 5:43am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/7 "2018-05-13T05:43:36Z")

</div>

hello @oomti!  
i don’t understand how to share image for the link?

---

<div class="post-metadata">

**Author:** ![rossella.tokyo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rossella.tokyo/32/86066_2.png) [@rossella.tokyo](https://forum.freecodecamp.org/u/rossella.tokyo)\
**Post date:** [May 13, 2018, 10:39am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/8 "2018-05-13T10:39:59Z")

</div>

Hi there,

I have just finished working on my portfolio. Any feedback would be super appreciated, especially on how to refactor the code and how to improve the CSS and avoid repetition. Thank you!

[https://codepen.io/rossellafer/full/deKWqj/](https://codepen.io/rossellafer/full/deKWqj/)

---

<div class="post-metadata">

**Author:** ![joshharvey1984](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/joshharvey1984/32/86300_2.png) [@joshharvey1984](https://forum.freecodecamp.org/u/joshharvey1984)\
**Post date:** [May 13, 2018, 10:56am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/9 "2018-05-13T10:56:16Z")

</div>

I really like yours Rosella! Very professional. If I had one piece of constructive criticism it’s the brightness of your top section. I would maybe play about with the text and white transparent background over the top of your image. It made my eyes squint a little! Other than that - perfect!

---

<div class="post-metadata">

**Author:** ![rossella.tokyo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rossella.tokyo/32/86066_2.png) [@rossella.tokyo](https://forum.freecodecamp.org/u/rossella.tokyo)\
**Post date:** [May 13, 2018, 11:17am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/10 "2018-05-13T11:17:56Z")

</div>

Thank you so much for your feedback! I have decreased the opacity of the navbar and increased the font-weight. Hopefully it will improve the readability 👓

---

<div class="post-metadata">

**Author:** ![oomti](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/oomti/32/125137_2.png) [@oomti](https://forum.freecodecamp.org/u/oomti)\
**Post date:** [May 13, 2018, 1:34pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/11 "2018-05-13T13:34:49Z")

</div>

@HooriaHic

You can insert an image into your hyperlink tag:  
`<a href="https://..."> <img src="(image link here)" alt="..."></a>`

---

<div class="post-metadata">

**Author:** ![joshharvey1984](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/joshharvey1984/32/86300_2.png) [@joshharvey1984](https://forum.freecodecamp.org/u/joshharvey1984)\
**Post date:** [May 13, 2018, 2:56pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/12 "2018-05-13T14:56:24Z")

</div>

I actually meant your title container with your contact icons on not the navbar, sorry! Just a tiny bit more opacity needed in the same way. Other people might disagree though.

---

<div class="post-metadata">

**Author:** ![rossella.tokyo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rossella.tokyo/32/86066_2.png) [@rossella.tokyo](https://forum.freecodecamp.org/u/rossella.tokyo)\
**Post date:** [May 14, 2018, 2:11am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/13 "2018-05-14T02:11:23Z")

</div>

Thank you for following this up, I totally see what you mean and I have changed the opacity to 0.9 for the personal details section as well.

---

<div class="post-metadata">

**Author:** ![MonikaPatelIT](https://avatars.discourse-cdn.com/v4/letter/m/f1d935/32.png) [@MonikaPatelIT](https://forum.freecodecamp.org/u/MonikaPatelIT)\
**Post date:** [May 14, 2018, 2:31am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/14 "2018-05-14T02:31:29Z")

</div>

You got very tidy and informative portfolio layout.  
I agree with @joshharvey1984. How about applying opacity to image and make it blur have a look this link [https://www.w3schools.com/css/css\_image\_transparency.asp](https://www.w3schools.com/css/css_image_transparency.asp)

I saw your map you doing great 93 solution in one day. Keep it up 🙂

If you get a chance would you like to review my tribute page [https://codepen.io/IamMonikaPatel/full/aGYQoQ](https://codepen.io/IamMonikaPatel/full/aGYQoQ)

catch you later.

Regards,  
Monika.

---

<div class="post-metadata">

**Author:** ![rossella.tokyo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rossella.tokyo/32/86066_2.png) [@rossella.tokyo](https://forum.freecodecamp.org/u/rossella.tokyo)\
**Post date:** [May 15, 2018, 5:57am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/15 "2018-05-15T05:57:03Z")

</div>

Thank you very much @MonikaPatelIT!

I have tried to increase the opacity of the background image, but the main text is affected too so I would need to find a solution for that.

I have had a look at your tribute page and I really like its layout, which is responsive too and done only with Bootstrap. Well done!

---

<div class="post-metadata">

**Author:** ![lurkaround](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lurkaround/32/158917_2.png) [@lurkaround](https://forum.freecodecamp.org/u/lurkaround)\
**Post date:** [May 15, 2018, 6:36am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/16 "2018-05-15T06:36:33Z")

</div>

Dropping mine here, just finished it: [https://codepen.io/lurkaround/pen/ELLYEE/?editors=1100](https://codepen.io/lurkaround/pen/ELLYEE/?editors=1100)

I’m sure there’s tons of feedback to be had, ha. Thanks to anyone who takes a look!

---

<div class="post-metadata">

**Author:** ![MonikaPatelIT](https://avatars.discourse-cdn.com/v4/letter/m/f1d935/32.png) [@MonikaPatelIT](https://forum.freecodecamp.org/u/MonikaPatelIT)\
**Post date:** [May 15, 2018, 7:35am UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/17 "2018-05-15T07:35:10Z")

</div>

Hey Rossella,  
Thanks for your kind words for my tribute page.

I have find you a solution. In your CSS look for #header and inside that you have used ‘Background’ for image replace with background-image

```auto
#header {
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("https://github.com/RossellaFer/fcc-portfolio/blob/master/koi.jpg?raw=true");
}

```

and will look somthing like this

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/b/9/b9561e6fec1935d0e3a116a38f9c25d2ba20b730.jpg)

I have fork your solution to get ans in my codepen here [https://codepen.io/IamMonikaPatel/full/LmBqdL](https://codepen.io/IamMonikaPatel/full/LmBqdL)  
I will delete it once you check. Please do let me know if get confused

Catch you soon.

Other end of the world. Auckland New Zealand. 🙂

Monika.

---

<div class="post-metadata">

**Author:** ![bcpalmer](https://avatars.discourse-cdn.com/v4/letter/b/f19dbf/32.png) [@bcpalmer](https://forum.freecodecamp.org/u/bcpalmer)\
**Post date:** [May 15, 2018, 6:33pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/18 "2018-05-15T18:33:45Z")

</div>

Rossella your page is beautiful, very professional & clean. Looks like you have a talent for design. It’s actually inspired me to do more on my portfolio. Great job 🙂

---

<div class="post-metadata">

**Author:** ![ridafatima15h1](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ridafatima15h1/32/101179_2.png) [@ridafatima15h1](https://forum.freecodecamp.org/u/ridafatima15h1)\
**Post date:** [May 15, 2018, 9:00pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/19 "2018-05-15T21:00:10Z")

</div>

Hello fellow campers,

Please provide feedback on my portfolio project.  
[portfolio](https://codepen.io/ridafatima15h1/pen/erGqyV?editors=1100)  
Thanks all in advance.  
regards,  
rida

---

<div class="post-metadata">

**Author:** ![kaymonlee](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kaymonlee/32/48726_2.png) [@kaymonlee](https://forum.freecodecamp.org/u/kaymonlee)\
**Post date:** [May 15, 2018, 10:20pm UTC](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460/20 "2018-05-15T22:20:26Z")

</div>

I would love to get some feedback on my portfolio website. I’m not 100% happy with the final outcome but there’s always time to improve!

[https://codepen.io/kaymonlee/full/zjJjje](https://codepen.io/kaymonlee/full/zjJjje)

[Next page](https://forum.freecodecamp.org/t/dedicated-portfolio-feedback-thread/190460.md?page=2)
