Feedback on my P.Portfolio

Feedback on my P.Portfolio
0

#1

Hey guys, I have completed my personal portfolio and I am looking for critics and possible future improvements. I know my code is a little on the messy side but I would love for you guys/gals to give me insight on how to improve both the site and the arrangement of code as well. I will thank you in advance and as always happy coding.


#3

Well rats, @P1xt said everything I was about to type!

I would include:
Fix the navbar to the top of the page because I’m lazy and I hate scrolling back to the top :wink:
Suggestion for the portfolio - Make sure your projects stand out and they are readable for viewers because you never know who’s looking. If you want the opacity to fade, fade on hover! Add a description while you’re at it.
May also want to include a footer. Good practice to have!

Overall, I really like the project you have. Very good color choices and font choices.


#4

Fixed grammar, what would you recommend I do about the mobile width- nav menu to make it less wonky, I fixed the size of the images and took off opacity, and should I add br tags to space them out more or another method?;


#5

how would you setup a fixed nav bar? Took off opacity, but how should I go about making them stand out? put them in a block, or jumbo-tron? footers are the copyright and citations at the bottom right? And I thought the link to the project and the name was enough, how would you recommend adding a description to my tribute page? Maybe a little brief background on the page? and thanks again for taking the time out to look at my page/code and give feedback. Also how would I set up animations to put over my projects?


#7

The footer is typically a location for copyright, contact information, and an extra menu.

As for the fixed nav-bar, I suggest you check out @P1xt’s comment. That’s a little too difficult for me right now, so I used these properties on your .nav-pill code block on your CSS page:

  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: black;

It’s just one of many ways to do it!

As for a description and animation on your projects, those were suggestions for the future when you’re updating your profile page! Hopefully you got you curious and you’ll learn how while you continue freeCodeCamp! You’re doing great, keep it up!