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

I have an issue with this webpage

Hi, I have this website that I create for practice: https://github.com/EliasFl/websites-practices/tree/master/Aulaideal.com

And my problem comes in this part of the web Link to the image: https://i.gyazo.com/353ba4dc509f1f01d7dfa11c48223bdb.png

My problem comes with the image with the blue background, I dont know why the height of this one is more than the others when when all of these images have the same size by default and the same styles.

Can anyone help me with this?

Travis Batts
Travis Batts
4,031 Points

Well actually three are three at 390.8 x 280.08 and there are three at 390.8 X 286.23.. So normally I would take these into Photoshop and just align them all to be the same size.. It would be cleaner an more efficient to alter the images to the same aspect ratio. Usually not good practice to apply size constraint to images..

Edit: I actually should be able to pull down these images and fix the aspect ratio for you if you don't have PS or some sort of editing application..

1 Answer

Steven Parker
Steven Parker
231,271 Points

That image has a different aspect ratio from the other images.

You could apply a size constraint to the image with your styles, but it would probably be easier (and better practice) just to alter the image itself and make it the same as the others.