Reading 03

Dictionary: display: defines a flex container, It enables a flex context for all its direct children.

flex-container:this establishes the main-axis, thus defining the direction flex items are placed in the flex container. Has four properties, row, row-reverse, column, and column-reverse

flex-grow:This defines the ability for a flex item to grow if necessary. It accepts a unit-less value that serves as a proportion.

flex-wrap: allows the items to wrap if necessary, has three properties, wrap, no-wrap, wrap-reverse

flex-shrink: This defines the ability for a flex item to shrink if necessary.

flex-basis: This defines the default size of an element before the remaining space is distributed.

justify-content: This defines the alignment along the main axis. also can determine alignment of elements

flex: This is the shorthand for flex-grow, flex-shrink and flex-basis combined.

align-items: Defines the behavior of flex items laid out, has 5 properties, stretch, flex-start, flex-end, center, and baseline