Flex container
Aflexbox layout is defined using theflex orinline-flex values of thedisplay property on the parent item. This element then becomes aflex container, and each one of its children becomes aflex item.
A value offlex causes the element to become a block level flex container, andinline-flex an inline level flex container. These values create aflex formatting context for the element, which is similar to a block formatting context in that floats will not intrude into the container, and the margins on the container will not collapse with those of the items.