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

Posted by David Roberts
David Roberts
473 Points

Flexbox for an image based layout

Hi,

If I was building out a design that was 95% images for responsive layout could I use Flexbox as the bases for the code, while keeping the design the same in different size screens. I have looked at flexboxin5.com and have put the number of images out on the grid but when you resize the window/viewport the one nearest the right side just drops down underneath, which is not what I won't to happen. I want to keep the design layout intact so that the images reduce in size. Would you use media queries to control this?

thanks.

David

1 Answer

Daniel Kurowski
Daniel Kurowski
11,231 Points
Daniel Kurowski
Daniel Kurowski
11,231 Points

Hey, I am not sure if I know what you exactly wanna do, but yes, media queries might help. Btw the best practice is to use Mobile First Approach which basically means you build layout for mobile view first and then for bigger screens. Usually it's easier to start simple (one column for mobile) and then build up layout.