Welcome to the Treehouse Community
Looking to learn something new?
Why is the line keep breaking around 100px even though the flex-basis has been set to 0?
I've tried setting the flex-basis value to multiple values under 100px, but when I resize the browser, the line keeps breaking when the items reach 100px in width. Any reason why this may be the case?
Is there a chance the items have a child that is set to around 100px or the child has padding etc. This seems quite a quirky thing to be happening can you set up a workspace or pen on codepen to have a look at the code on and see it in action ?
If you see at the end of Guil's tutorial (Smarter Layouts with flex-basis and flex @ 6:20), he sets the flex-basis to 0 by setting flex: 1;. I noticed when I mimicked the code in the workspace, the break was appearing to happen much sooner (around 100px) in my browser than it was in his.
At the end of the day it's just curiosity! :)