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

Tiffany McAllister
Tiffany McAllister
25,806 Points

Website Feedback

Hi everyone,

I just wanted to get some feedback on my portfolio website. I'm aware that some of the links to the projects don't work just yet.

http://tmcallister.net/portfolio/

Any comments or suggestions would be really appreciated!

8 Answers

simple,elegant design and responsive too very nice keep it up :)

portfolio links are broken

Tiffany McAllister
Tiffany McAllister
25,806 Points

Thanks Mohd! Yep, some of the links are broken right now but I have that on my to-do list! :)

Mclo Nikos
Mclo Nikos
269 Points

nice keep it up

Hello Tiffany McAllister

Your work is awesome. I like the simpleness and their responsive nature in the site.

  • When I mouse over on the project I love the transition. Great job!
  • I like the cute social icons and their color transition.
  • Back to top icon is beautiful .
  • Cute menu button appears when screen gets smaller is cool as well.

Suggestions:

  • Set minimum width (That will not let elements overlap on each other when size of the screen gets smaller)
  • Try using the background image in class ".jumbotron" in pseudo elements (before or after). I found it most huge use that way.
  • You can increase the line height of the text in About section to unordered lists on the left side.
  • Contact form process the empty fields now. You can use validation first and process next approach to contact form.

Questions:

  • What did you use project section to layout projects side by side?

Thanks

Regards

Karthikeyan

Tiffany McAllister
Tiffany McAllister
25,806 Points

Thanks for the feedback Karthikeyan!

I used Bootstrap's grid classes to layout the projects :)

Tiffany McAllister
Tiffany McAllister
25,806 Points

Also, could you tell me what the benefits would be of using pseudo elements for the background image? Thanks! :)

Alex Heil
Alex Heil
53,547 Points

very nice work, tiffany ;)

if you'd like to hear a suggestion I'd probably add another media query for the projects area on very small devices and display them in a list view (one pic per line instead of 2) as 2 pics on say 320px (as example, which would be an iphone4 layout) can be hard to identify.

other than that very clean and well structured site - so again, good job!

Tiffany McAllister
Tiffany McAllister
25,806 Points

Thanks so much for the great feedback everyone! I will take all suggestions on board :) I really appreciate it.

Felix Yakubov
Felix Yakubov
17,475 Points

Very Nice!!!

2 suggestions:

  • Add smoth transition / hover to the form button
  • Try adding parallax it would really boost up your page