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

Dwayne Cyrus
Dwayne Cyrus
8,878 Points
Posted by Dwayne Cyrus
Dwayne Cyrus
8,878 Points

Help with full-screen thumbnail layout using flexbox.

I am trying to rebuild the structure of http://www.orangesprocket.com/views/work.

I want to emulate the way that they panels maintain uniformity when resizing the browser.

I am starting to believe that I may need to venture into Javascript to have all panels maintain similar dimensions, however I rather do it with CSS if possible.

All help and insights are greatly appreciated.

Ahmed Magdy
Ahmed Magdy
Courses Plus Student 564 Points

You know about media queries?

3 Answers

Angela Visnesky
Angela Visnesky
20,927 Points
Angela Visnesky
Angela Visnesky
20,927 Points

HI Dwayne! Using the developer tools on your flavor of web browser is a great way to "see what's under the hood" of a website. If you haven't used the developer tools, here's a link to MDN for a start: https://developer.mozilla.org/en-US/docs/Tools. If you are experienced with the tools, play around in the rules section to see how everything is put together. Hope this helps!

Dwayne Cyrus
Dwayne Cyrus
8,878 Points
Dwayne Cyrus
Dwayne Cyrus
8,878 Points

Thank you guys so much. I have found my solution through a combination of the developer tools and CSS breakpoints. =D