What is a flex container and what is its job?

A flex container is an element that contains child elemens that are positioned depending on the flex container settings.

Every HTML element can be converted to a flex container. The child elements of such HTML element then become flex items.

The flex container defines how the flex items contained inside the flex container will be positioned and sized.