5 ms·
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
by _greim_ 3y 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/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- mordechai9000 3y agoYeah, 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/ https://cssgridgarden.com/
- isodev 3y agoSame! 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.
- dugmartin 3y agoI 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.
- wruza 3y agoThese 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.
- _greim_ 3y agoGlad 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.