Just finished my Personal Porfolio Page!

Code Feedback
1

Dear Fellow Campers,

I just finished my Personal Portfolio Page! I did not use Boostrap, but I did use SASS.

I would love to hear your feedback. Thanks in advance!

https://codepen.io/kiwisquash/pen/QRXjpe?editors=1100

Note: Please feel free to comment on the other projects linked there too. I have been filing issues on the corresponding github repos and been addressing them one-by-one.

2

Hello @kiwisquash

The ā€œabout meā€ header on the left seems weird because of the whole blank space around the picture, Iā€™d try to center headers on your page.

Paragraphs in the about me section are quite long, Iā€™d increase the font size and reduce the number of letters to about 70 ish.

Check why here: Readability: The Optimal Line Length ā€“ Articles ā€“ Baymard Institute and here:Optimal characters per line

Iā€™d also add a bigger padding to your image and the end of the paragraph so that you have more breath space between the content and the margin of the container.

In the links section, I donā€™t think the brown is working. The freecodecamp logo and Linkedin are kinda wash out in the background and I donā€™t think the hover needs to be so prominent, iā€™d reduce the shadow by half.

I see you like the Tech Lead, itā€™s a nice channel :smiley:

Hope it helps :slight_smile:

1 Like
3

Hi there! I see you are also a TechLead fan :slight_smile:

I love the overall layout and the color scheme. The first section particularly please me, so neatly aligned!

However, this specific blue colour is not my favouriteā€¦I would change that to a more subtle, non-browser-default blue to give it a more polished look :slight_smile:

Also, the droop shadow colours are quite dramatic, at least to my tasteā€¦

But otherwise, I love it!

1 Like
4

Overall it looks good and showcases what you are capable of in a strong way.

Iā€™d have the personal projects open up in a new tab.

Having your picture front and center is a bit much for me but thatā€™s definitely a personal choice.

1 Like
5

Thank you everyone for your thoughtful feedbacks! I greatly appreciate it and I will try to address them in the next few days.

@alexiorodrigues: I havenā€™t gotten around to looking at the links you shared with me, but I will add them to my reading list. I will also think about padding, links section coloring, and I will reduce the shadows. Thank you for your advice, and yes, the Tech Lead is fun :slight_smile:

@Neara: I will reduce the shadow for sure. Regarding the blue colorā€¦ if you mean the line background-color: blue in #mypic-container the color blue shouldnā€™t be showing up anywhere on the site if everything is working properly. I had that color as a placeholder for a headshot of me before I uploaded my picture to google drive. Also, thank you for your kind words. Maybe you, me, and @alexiorodrigues can start a Tech Lead fan club within freeCodeCamp.

@saclark12000: Good call on having project links open in a new tab. I think I had meant to do that, but just forgot to. Thanks for pointing it out, and thank you for your kind words.

Again, thank you for taking your time to look at my website and writing your feedback. I hope you all have a great weekend!

1 Like
6

@kiwisquash
Pretty nice layout. Just two suggestions.

  1. I think the color combination should be changed.
  2. The menu should be a hamburger type in mobile view.
1 Like
7

Sorry, I wasnā€™t specific. I meant the link colour that seems to be the browser default :slight_smile:

1 Like
8

Came here to mention this. The cyan color for the ā€˜unvisitedā€™ links is washed out against the white/light blue background.

1 Like
9

Ah, I understand. Thanks for clarifying.