Show HN: Struggle with CSS Flexbox? This Playground Is for You

Re:Show HN: Struggle with CSS Flexbox? This Playground Is fo... by codedrivendev on Sunday January 05, 2025 @05:03AM (#42600797)

I know others have already mentioned it, but i've recommended https://flexboxfroggy.com/ to others before and they quickly picked it up.

This is another good one for learning css grid https://cssgridgarden.com/

[ Parent | on HN ]

Re:Show HN: Struggle with CSS Flexbox? This Playground Is fo... by KolmogorovComp on Sunday January 05, 2025 @07:17AM (#42601299)

I tried flexboxfroggy, and while the concept is nice and well executed, the lack of syntax completion really is putting me off.

[ Parent | on HN ]

Re:Show HN: Struggle with CSS Flexbox? This Playground Is fo... by dieselgate on Sunday January 05, 2025 @12:26PM (#42603308)

This is hilarious hope it is satire

[ Parent | on HN ]

Re:Show HN: Struggle with CSS Flexbox? This Playground Is fo... by KolmogorovComp on Monday January 13, 2025 @04:02PM (#42689255)

No, why?

[ Parent | on HN ]

Re:Show HN: Struggle with CSS Flexbox? This Playground Is fo... by yoav_sbg on Sunday January 05, 2025 @05:14AM (#42600833)

I like the gamification of the cssgridgarden, it is similar to https://www.codemonkey.com/ which is mainly for kids!

[ Parent | on HN ]

Re:Show HN: Struggle with CSS Flexbox? This Playground Is fo... by kmoser on Sunday January 05, 2025 @12:56PM (#42603529)

One of my flexbox faves which is very similar to OP: https://flexbox.tech/.

A useful tool for generating Bootstrap code is https://build.layoutit.com/ and for CSS grid https://grid.layoutit.com/. Unfortunately the former is limited to Bootstrap 4, not 5.

[ Parent | on HN ]