Flex grow different size containers

This is a working solution for 12 column designs (in the 1140/1120 grid) where the containers have different widths. Also on tablet and mobile I have put everything on 100%, but you can ofcourse change this according to your design.

2 columns

15,18%
Grow

3 columns

23,66%
Grow

4 columns

32,14%
Grow

5 columns

40,63%
Grow

6 columns

Grow
Grow

7 columns

57,59%
Grow

8 columns

66,07%
Grow

9 columns

74,55%
Grow

10 columns

83,04%
Grow

More Information?

Fill out your details and we will get back to you as soon as possible.