Thanks for the great tips! But... sorry for nitpicking, but “Main/cross axes” are Flexbox-specific terms, Grids and other layout schemes have Inline and Block axes (Flexbox has to have special terms because its axes can be changed via the “flex-direction” property). I memorize the “align” vs. “justify” rule as “aLign is how bLocks of text go, i.e. the block axis alignment, while juSTify is how STrings of text go, i.e. Inline axis alignment”.
Thanks for the great tips! But... sorry for nitpicking, but “Main/cross axes” are Flexbox-specific terms, Grids and other layout schemes have Inline and Block axes (Flexbox has to have special terms because its axes can be changed via the “flex-direction” property). I memorize the “align” vs. “justify” rule as “aLign is how bLocks of text go, i.e. the block axis alignment, while juSTify is how STrings of text go, i.e. Inline axis alignment”.
Oh yup. Thanks for spotting this!