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 How to Make a Website Creating HTML Content Add Image Gallery Content

Jorge Bañales
Jorge Bañales
3,653 Points
Posted by Jorge Bañales
Jorge Bañales
3,653 Points

Images that are not the same size

All these images are rectangular and have the same dimensions. Is there CSS for a site such as this one, for images that are not the same size?

3 Answers

Dylan Young
Dylan Young
15,752 Points
Dylan Young
Dylan Young
15,752 Points

What is it exactly you are trying to do?

Jorge Bañales
Jorge Bañales
3,653 Points
Jorge Bañales
Jorge Bañales
3,653 Points

Thank you for your response!

What I mean is, how can I use this layout for an image that is, for example, 718x1024 instead of 1024x718, and still maintain the grid?

Dylan Young
Dylan Young
15,752 Points
Dylan Young
Dylan Young
15,752 Points

Not 100% sure on the issue but.. maybe contain it within a div using id and css % sizing, keeping the grid layout( then utilize css to adjust the size & , max-size %). Using px can be bad for a layout unless fixed )