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

CSS How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Posted by Matthew Cameron
Matthew Cameron
4,441 Points

There is a blank space where image 3 should be appearing. Image 3 is located in the second column. What's wrong?

Everything else (layout-wise) is working properly.

2 Answers

Ben Brenton
Ben Brenton
266 Points
Ben Brenton
Ben Brenton
266 Points

It's been a while since I did this course, but can you post the relevant code up so we can have a look. I make coding errors every so often and usually someone else sees something I don't, never hurts to get a second pair of eyes on these things.

Matthew Cameron
Matthew Cameron
4,441 Points

I realized that the space was occurring due to the size of my image (I used my own). Is there a way to resize a photo within the editor or must this be done externally?

Ben Brenton
Ben Brenton
266 Points
Ben Brenton
Ben Brenton
266 Points

I always resize my pictures outside of my coding using Photoshop or similar, the reason being is that trying to resize in code will almost certainly effect other bits of code around it, and could knock the whole page out if you're not careful. If you want to do it inside the code, then take into account margins/padding of elements around it so everything is still in proportion. The photo will need a separate ID tag as well.