Flex 💪 playground

1

2

3

flex-basis, flex-grow and flex-shrink

 
flex-basis: 50%
flex-grow: 0
flex-shrink: 1
flex-basis: 50%
flex-grow: 0
flex-shrink: 1
 
flex-basis: 640 px
flex-grow: 0
flex-shrink: 1
flex-basis: 50%
flex-grow: 0
flex-shrink: 1
 
flex-basis: 480 px
flex-grow: 1
flex-shrink: 1
flex-basis: 50%
flex-grow: 2
flex-shrink: 2