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!

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 How to Make a Website Styling Web Pages and Navigation Polish the Navigation and Footer

At 4:08 of video, Nick said the width and height of 20px is about half the size of the actual 40px size of icons. How

How did Nick determine the actual pixel size of the social media icons? Since we edited our images to 60x60, is it not that 60px is the size of our image social media icons and not 40px? I'm sure Nick is right, but I just do not know a lot about images/photo sizes, that's why I can't follow through yet when he said that our logo icon images is about 40px.

1 Answer

Hey web pad, It's normal to use an image with double the size in pixels of what we really need. That practice became popular when Apple launched their Retina displays (that made a lot of our images look less sharp). Since Nick was using 20x20px in his layout he must have assumed that the original images were the double of that. Don't worry though extra pixels are usually nice and you're not missing anything regarding image sizing.

Hope that answers you. Best regards.