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

I have a problem with FlexBox layout

Hello I'am having two columns on min width 768px. The thing is that, I want to change those two columns from: being placed to vertical axis to horizontal axis. I'am using flex-direction: row (which is by default if I'am right) But for some reason I can't move them to the vertical axis. I just want instead of being a two side by side at vertical axis to move them on larger screen 1024 px and isntead to be side by side i want one of them to be under another :) Thanks. Viktor. Here is the code :) http://codepen.io/Neiman/pen/grxgGB

2 Answers

Here is a link to a flex box playground that might help you sort it out. You can set up your layout there and see how it behaves, then use the settings it shows to change your CSS or HTML structure so you get your desired effect.

Flexbox Playground

Thanks Meg Matty ! That's what I really needed , because I want to fully understand the flex box conception !