6 ms·
This game definitely helped me to wrap my head around the changes Flexbox allows with inline/block axes, but looking back, it really glosses over the actual "fl
by cpmsmith 5y ago
This game definitely helped me to wrap my head around the changes Flexbox allows with inline/block axes, but looking back, it really glosses over the actual "flexible box" part, i.e. child elements growing and shrinking, intrinsic sizing, etc. Are there any similar resources that touch on that aspect more?
- dylan604 5y agoyeah, the 'flex: 1' or 'align-self:stretch' types of things really are what gets the typical website column and rows type layout to work.
- telagraphic 5y agoI made https://www.flexulator.com https://www.flexulator.com to visually explain the spacing algorithm for the grow and shrink properties. You can add/remove children to see how the algorithm calculates the width as the viewport size changes. Hope this is useful!
- Apotheos 5y agoFlexbox Zombies is what you're looking for I think.