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 CSS Flexbox Layout Flexbox Properties Distributing Space Inside a Flex Container

Eric Jusic
Eric Jusic
4,350 Points
Posted by Eric Jusic
Eric Jusic
4,350 Points

Why is margin auto having that effect on flex items?

I don't understand why is it happening that way. Why browser interprets it that way? Can it be used regardless of justify content property?

1 Answer

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

The special function of the auto value of margins is built-in to the flexbox mechaniism.

And yes, using an auto margin on an item will override the setting of justify-content in that flex container.

Eric Jusic
Eric Jusic
4,350 Points
Eric Jusic
Eric Jusic
4,350 Points

Thank you Steve on prompt answer :)