Hacker News new | ask | show | jobs
by _greim_ 938 days ago
I have this bookmarked and have been using it for approximately the last five years. There's a similar one for flexbox [1].

[1] https://css-tricks.com/snippets/css/a-guide-to-flexbox/

3 comments

Yeah, this is the one I pull up when I need a reference or a quick refresher. When it's been awhile, I play quick run through of the grid garden game: https://cssgridgarden.com/
Same! I even have them framed behind my screen where I can peek from time to time. Even after so many years, I can't remember which ones are "justify" and which ones are "align", lol.
I normally just set display: flex on an element and then use Chrome’s dev tools. You can click on an icon next to the declaration and it brings up a UI with all the flex alignment properties.
These two are the ones I refer to every time when I have to decide which of the {justify,align}-{items,content} naming disaster to use.

Pretty sure this is the main reason these are so popular.

Glad to hear I'm not the only one who forgets what those things are called! There was a time when CSS fit in my head, but those days are gone.