As using flexbox to implement such a scheme, can't figure out?

Is it possible 2 Flex container to fit in one line , that is, to make one container to do with Flex elements
and make a second container with two Flex elements

5a32915ee758d221123606.png
June 10th 19 at 15:08
2 answers
June 10th 19 at 15:10
The container in which all of this is:
display: flex;
justify-content: space-between

Then put two small block in another container and ask him:
display: flex;
flex-direction: column;
justify-content: space-between;
I understand correctly, I can using flexbox in a single container, where there will be one Flex item , plus more, to invest the second container, where it will be 2 Flex item , the floor plan work ? - Stella_Cartwrig commented on June 10th 19 at 15:13
Works - Jennie_Trantow commented on June 10th 19 at 15:16
thanks , everything works
and there is a function in Fluxbox if you do not specify height and width of the Flex item in the Flex container all the elements yourself proportionately increased and filled the whole Flex container ? - Stella_Cartwrig commented on June 10th 19 at 15:19
or depending on the text within a Flex element to Flex the element is increased , and the text does not go beyond a Flex item ? - Stella_Cartwrig commented on June 10th 19 at 15:22
, Search for
Specifically to see a proportional increase in property flex-grow. - Jennie_Trantow commented on June 10th 19 at 15:25
flex-grow set to those elements that have to pick up the empty space with flex-grow is set in units without px or %, if there are two Flex element-one flex-grow: 1, and the second flex-grow: 2, the first will occupy the space according to the content + 1/3 of free space and the second space its content + 2/3. These two elements divide the remaining space into 3 parts and each takes an additional 1 part and 2 parts respectively. - Verda_Gibson13 commented on June 10th 19 at 15:28
June 10th 19 at 15:12
Yes, you can.

Find more questions by tags CSSHTMLFlexbox