Flex-toy - making one is helpful if CSS Flex baffles you

Hello campers,

If, like me, you are struggling with css flex I highly recommend taking time out to make a flex demo page. I cannot believe how much making one has helped me. (I’m a grid kind of person.)

Even after making some codepen demo layouts and reading a few good tutorials my flex retention was nil. I could understand everything presented but 10 minutes later it was all forgotten. After making this flex demo some of this finally seems to be sticking with me.

It doesn’t have to be the ultimate demo page - the value is in the making, not the final product. You have to understand the material to make it work.


I’m only about half way - still have to make controls for flex items tomorrow.
If you decide this might help I would suggest to NOT fork mine but make your own from scratch.

1 Like