Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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.

You know about media queries?

3 Answers

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

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