position：flex

The position property with a value of 'flex' is used to create a flexible layout container. The elements within the container can be aligned and distributed in various ways using the flexbox model. This property is commonly used to create responsive designs that adjust to different screen sizes and devices. The flex container is defined using the display property with a value of 'flex'. The child elements within the container are then positioned and sized using the flex properties such as flex-grow, flex-shrink, and flex-basis