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

HTML

Joseph Mercado
Joseph Mercado
5,846 Points

Looking for critique for my personal website.

I decided to create a profile page/blog of what I have learned here with TeamTreehouse. I placed it at https://mydescent.getforge.io. I would love some feedback and perhaps suggestions on how I can improve things.

Thanks,

Joe

3 Answers

Andrey Misikhin
Andrey Misikhin
16,529 Points

Yes, you must check your site for mobile screens. alt text

And optimize images, they are have too big resolution for used size. I even see how they loading by lines. You must use thumbs with smaller sizes for images and load a full image, when user click on it, for example, in lightbox.

Andrey Misikhin
Andrey Misikhin
16,529 Points

The first thing is to solve the problem with SSL certificate.

Abraham Juliot
Abraham Juliot
47,353 Points

Looks pretty good. I like the hover animations.

I recommend a lighter background on the cards to contrast well with the darker font color and a lighter color for the nav links when hovered to contrast well with the blue. Also, note that on smaller screen sizes the nav links wrap and the line animation hover effect overlaps the links above.

Joseph Mercado
Joseph Mercado
5,846 Points

I made some updates on the page and have changed the navbar and some of the images for them to be responsive on smaller devices. However now I am trying to figure out how to get the cards to also be responsive on smaller screens. Let me know what you think: http://mydescent.getforge.io.

Abraham Juliot
Abraham Juliot
47,353 Points

nav links look much better.

I recommend using a mobile first approach by designing the cards for mobile (phone) screen sizes, then adjust the styles within media queries using min-width for tablet and desktop sizes.

some useful resources: