Flex property is a shorthand for flex-grow, flex-shrink, and flex-basis. Default value is 0 1 auto. Flex: 1 means making flex item flexible and setting flex basis to zero
Flex container becomes flexible by setting display: flex. Flex properties include direction, wrap, flow, justify-content, align-items, align-content
Flexbox enables flexible and responsive website layouts. Flex container is an HTML element with flex or inline-flex display. Flex items are direct children of flex container
Position: relative makes child absolute relative to parent. Top/bottom: 0 centers vertically, left/right: 0 centers horizontally. Margin: auto distributes remaining space evenly
Text-align property works for block-level containers like divs. Margin-auto requires specifying image width and converting to block. Position and transform properties need relative container and absolute image. Display-flex property enables flexible layout without float
Margin auto works for block-level images with width less than 100%. Display flex with justify-content: center centers flex children horizontally. Text-align: center centers images when container is block-level. Position absolute with calc/transform moves image horizontally