The Flexbox Layout is a one-dimensional flexible box layout that works on either rows or columns at a time. The CSS property flex-direction define the main axis and direction of the display.
Converting the grid layout into a flexible container can be done by activating the option within the grid layout options.
In addition to turning the grid layout into a flex container, we can add inside the grid areas (with pink border) a widget called "Inner Flex Box".
