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 trialmohammed mayat
4,228 Pointsimage size
do all the image need to be one size, my image size 597 842
1366 1069
1 Answer
Ezra Siton
12,644 PointsIt's really hard to know what you trying to get.
Anyway, images are inline-block elements (kind-of) so they not "go under each other" by default. https://stackoverflow.com/questions/2402761/is-img-element-block-level-or-inline-level
Change the images display to block. Or use CSS responsive grid, Flex and so on...
Learn about inline-block vs block on Treehouse courses about "CSS-layout-basics": https://teamtreehouse.com/library/css-layout-basics
This also could be useful: Responsive Web Design - Image ("leave a blank space" problem) https://www.w3schools.com/css/css_rwd_images.asp
mohammed mayat
4,228 Pointsmohammed mayat
4,228 Pointsmy image does not go under each other it leaves a blank space, i have tried resizing image you can look code if u do not understand what i mean https://jsfiddle.net/waL8ft8m/1/