CSS Flexbox Playground
Dev tools
css learning playground
SHOW HN2025
How HN took it
4 positive, 3 neutral or asking, 2 mixed, 10 critical, out of 19 comments about the project. Thread score -0.16.
Design: 2 for, 5 againstDocs: 0 for, 2 againstExecution: 1 for, 1 againstIdea: 0 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Fun, interactive way to learn flexbox
From 2 comments
I added the github Link if you have any feedback or changes!
yoav_sbg on HNI 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…
codedrivendev on HN
Useful visual cheatsheet alongside other flexbox tools
From 2 comments
This is great for quick visual cheatsheet but I think one just has use it everywhere in a project to make it stick. The syntax is fairly self-explainatory for me. (except row and…
vidyesh on HNWhen learning Flexbox, I've created a cheat sheet to look up the properties. Others might find it useful, too: https://darekkay.com/flexbox-cheatsheet/
darekkay on HN
Objections
Playground only covers four container properties, not child item properties
From 1 comment
This seems extremely limited to just four container properties, completely ignoring the child item properties, which are quite important in flexbox as well.
Kwpolska on HN
Flexbox itself is hard to remember and reason about
From 2 comments
In my opinion, flexbox is simple and makes a lot of sense. The problem is that its properties and values were named by a committee, so they aren't intuitive to anyone who wasn't…
karaterobot on HN2025: two years and three tutorials later I still cannot use flex properly. Another one that didn't help me as well: https://flexboxfroggy.com/
p0w3n3d on HN
Requests
Add child item properties like flex-basis and grow
From 2 comments
You should let the use play around with the number of items inside the container and it's parameters as well, like flex-basis, grow... Good job never the less
atum47 on HNThis seems extremely limited to just four container properties, completely ignoring the child item properties, which are quite important in flexbox as well.
Kwpolska on HN
Add a grid playground
From 1 comment
Maybe Grid Playground is a useful choice as well. In my opinion, CSS Grid layout has much more options than Flexbox.
amberwagner on HN
Alternatives named
Flexbox Froggy
From 2 comments
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…
codedrivendev on HN2025: two years and three tutorials later I still cannot use flex properly. Another one that didn't help me as well: https://flexboxfroggy.com/
p0w3n3d on HN
Grid Garden
From 2 comments
I've gone back to https://cssgridgarden.com/ multiple times. It's https://flexboxfroggy.com/ but for grids.
frob on HNI 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…
codedrivendev on HN
Josh Comeau's interactive flexbox guide
From 1 comment
I highly recommend Josh's guide: https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/ It goes over more advanced gotchas and tips in detail such as flex-basis, auto…
smarkov on HN
CSS-Tricks complete guide to flexbox
From 2 comments
I have to visit https://css-tricks.com/snippets/css/a-guide-to-flexbox/ literally every time. There's a similar one for grid that's just as good.
bobbylarrybobby on HNYears ago I printed out the poster version of https://css-tricks.com/snippets/css/a-guide-to-flexbox/. It has lived on my desk since then. Every time I need to work with flexbox,…
frob on HN