2. cross axis #
Created Wednesday 02 September 2020
Cross axis = perpendicular to direction of flex (main axis)
align-items
controls components along the cross axis.
It has 5 modes:
- center → all components stacked at the center, same space on both ends.
- flex-start → all components stacked at the start
- flex-end → all components stacked at the end
- stretch → All elements are streched fully along the cross axis. It is the default for align-items, if not specified.
- baseline → All components have the same baseline(line where letters sit). See this for clarification.