After years of working with Flexbox, I have realized Flexbox is like plugging in a USB-A: justify and align are always the wrong way around on first try.
Man, why is it so hard to keep in memory ? Can keep a whole bunch of stuff in memory - including CSS float layout for years, but flexbox hits that strange place where if one doesn't use it for a couple of months, one tends to forget 80% of it and needs to re-read from scratch and spend time on the playground again.
The problem is that too many property names are just non-intuitive or plain wrong. They might as well have given them one or two letter symbolic names.
I also know flexboxfroggy but as I like to "play" and less read/write I didn't find this website useful.
Hope you will find it useful.
If something is missing, please let me know :)
Another one that didn't help me as well: https://flexboxfroggy.com/