Coping with Flexbox

Re:Coping with Flexbox by darekkay on Saturday December 14, 2019 @06:36PM (#21793170)

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

[ Parent | on HN ]

Re:Coping with Flexbox by chrysoprace on Sunday December 15, 2019 @06:31PM (#21799713)

That'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?

[ Parent | on HN ]

Re:Coping with Flexbox by darekkay on Wednesday December 18, 2019 @06:13PM (#21830456)

Thanks! I did not, but you might have a look at this cheatsheet: http://grid.malven.co/

[ Parent | on HN ]

Re:Coping with Flexbox by darzu on Saturday December 14, 2019 @07:53PM (#21793596)

Thank 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).

[ Parent | on HN ]

Re:Coping with Flexbox by alwillis on Sunday December 15, 2019 @02:34AM (#21794993)

Whoa! Nice job.

I wish this existed when I tried flexbox the first few times…

[ Parent | on HN ]

Re:Coping with Flexbox by technicolor on Sunday December 15, 2019 @04:26AM (#21795293)

Wow, this is cool!

[ Parent | on HN ]