Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Henrik Christensen
seal-mask
.a{fill-rule:evenodd;}techdegree
Henrik Christensen
Python Web Development Techdegree Student 38,322 Points
Posted by Henrik Christensen
.a{fill-rule:evenodd;}techdegree
Henrik Christensen
Python Web Development Techdegree Student 38,322 Points

Feedback

Hi,

I just finished a portfolio project (practicing) and I would love to get some constructive feedback.

http://codepen.io/regnis/pen/grxgzZ

I know the site is very grey (will be updated at some point) and the portfolio project I made in the site is the same in every box because I don't have anything to put up yet :-P

Thank you very much in advance! :-D

1 Answer

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Hey there Henrik! Just took a look at your portfolio and it's coming along very nicely, great job!

A few things I noticed that might help...

  1. I think you could get away with not having your photo over the main image. Since you do have this grey color scheme going on, I think removing the photo and centering and increasing the font-size of "Hello, I'm Henrik" would be more striking and attention grabbing.

  2. I like the idea of having a shadow around your boxes. Maybe instead of having a shadow only on the bottom, have it around the whole box so that they pop even more.

  3. Very nice responsive layout as well!! For certain screen widths I'd recommend maybe aligning the paragraph text in the project boxes to the left. I think in particular between 845px-100px, when these boxes become narrow, a the font could be aligned left, or the boxes themselves could be wider. And at the smallest screen widths 300px-400px the text there could be alined left as well.

  4. I'd also like to see the mouse change when hovering over the facebook and twitter links at the bottom of the page, as well as the send button so that it's clear these are things that can be clicked.

  5. The paragraphs in the About and Skills section are a little hard to read. I think they could use some list-styling or break them up a little more by adding space between each separate thought.

Well these are just some of my personal thoughts! Hope they help or give some food for thought. Very nice job, and awesome to see someone using CodePen! Keep up the great work!

Henrik Christensen
seal-mask
.a{fill-rule:evenodd;}techdegree
Henrik Christensen
Python Web Development Techdegree Student 38,322 Points
Henrik Christensen
.a{fill-rule:evenodd;}techdegree
Henrik Christensen
Python Web Development Techdegree Student 38,322 Points

Hi Kristopher,

Thank you very much for your feedback! :-D

I think you have some very good points and I will try update the site with your suggestions when I have time to update it.

I tried to make it as responsive as possible but I find it take up most of the time making the site because I have to go back and forth between every sizes and adjust every I think need changed - and when I first start I find it very hard to say "now it's enough" because I always find something I want to change + I don't know how many different screen sizes I should make it fit into so I just look how much I can stretch the screen before I think it look terrible and then change it.

One thing I really want to change (and apply to future projects) it the facebook/twitter buttons and make them to social-icons instead, but I'm not sure if it's okay to use the icons I got from one of the courses here on treehouse :-/ I have no idea how to make the icons myself and it would be a lot easier to use icons that's already made but pretty much everything has copyrights :-P

Anyway, thank you very much again for your feedback! :-D

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

No problem at all Henrik!

I totally understand what you're saying about finding things you want to change when making the site responsive! I'm the same and tend to get really obsessive about it, making sure something looks good no matter how the screen is stretched or shrunk. I think doing what you're doing is great, it may take some time now but once you've done it a few times you'll get faster and have more of an idea where things should break and move.

I'm honestly not sure either if you can use the icons. I think you'd be able to since they provide them for the portfolio you make along with the video. However if you didn't feel comfortable using them there are PLENTY of awesome icons out there that you can use, free ones and ones you can pay for. Many will come with a license that dictate how you can use the icons (same with graphics and photos). Check out Creative Market and Dribble for social icons. They have some free and some that are pretty cheap to buy. Dribble will be slightly harder to search through since it's not a marketplace, but you can find some really nice ones that people are offering for free downloads.

Most of the time the icons will come grouped together so you'll need photoshop or illustrator, or something similar to separate the icons. It's not too difficult but there are several instructions and tutorials out there for how to do this. Once you have the file in Illustrator or Photoshop you can also change the colors of the icons to whatever you want!

Here's a few links to some free social media icons to hopefully get you started on your search for ones you like!

Dribble:

https://dribbble.com/search?q=free+social+media+icons

https://dribbble.com/shots/1056675-Social-Media-Icons - This is a nice set that I've used before

Creative Market:

https://creativemarket.com/search/social/media/icons/1?minp=2&maxp=10 - I narrowed the price range down to $10 and less. Don't spend too much money just yet on icons unless they are for a client project! That's when you'll want to care more about how they look. Really unique icons and graphics can definitely cost some money, but it can be worth it.

Hopefully this helps! If you need any other help with the icons let me know! Keep up the good work and look forward to seeing your website progress! :)