5 ms·
When I was learning Flexbox, I've created a graphical cheatsheet [1] (based on another one) that I've printed out and put next to my computer. It helped me a lo
by darekkay 7y ago
When I was learning Flexbox, I've created a graphical cheatsheet [1] (based on another one) that I've printed out and put next to my computer. It helped me a lot back then.
[1] https://darekkay.com/dev/flexbox-cheatsheet.html https://darekkay.com/dev/flexbox-cheatsheet.html
- darzu 7y agoThank you, this is very helpful! I can never keep align-items vs justify-content vs align-content vs justify-items straight and this helps (although it's missing the last one, maybe that only applies to grids).
- alwillis 7y agoWhoa! Nice job. I wish this existed when I tried flexbox the first few times…
- technicolor 7y agoWow, this is cool!
- chrysoprace 7y agoThat's the most succinct quick reference I've found on this (I've always had trouble digesting the css-tricks article). Have you thought about making a similar cheatsheet for Grid?
- darekkay 7y agoThanks! I did not, but you might have a look at this cheatsheet: http://grid.malven.co/ http://grid.malven.co/