3 ms·

There's just always going to be confusion because both pairs are basically synonyms: justify and align; items and content (what's the content of a flex containe

There's just always going to be confusion because both pairs are basically synonyms: justify and align; items and content (what's the content of a flex container? flex items). I buy the value in having them be main-axis and cross-axis properties rather than horizontal/vertical by name, but I don't know that I buy the justify/align distinction to represent that as being meaningful or memorable.

chihuahua 3y ago
It's very easy to remember all this, if you can just memorize the acronym AMIJAMITCOE ("Ami-Jamit-Coe"): A monad is just a monoid in the category of endofunctors.
pests 3y ago
Its similar with changing "left" and "right" to be "start" and "end" because we built in a lot of assumptions with LTR languages that don't apply to RTL.
RheingoldRiver 3y ago
My mnemonic for justify vs align is to picture the "justification" options in a word processor. you can justify content to the side of the primary axis when it's written right-to-left. so, justify is main axis, and the one that's not justify (align) is the one that's not main axis (cross axis). What I don't remember ever is does flex default to row or column; so I write a lot of unnecessary `flex-direction:row;` but if you are fine with always specifying a direction, the default doesnt really matter either.
- crazygringo 3y ago
  Which is even more confusing because that's not the terminology used in word processors. Word processors have four modes of alignment -- left, center, right, and justified. Justified means stretching out to both edges. There's no such thing as justifying content in a particular direction. And justifying something to the center is purely nonsensical.