CSS flex-grow Property
Let the second flex-item grow three times wider than the rest: /* Safari 6.1+ */ div:nth-of-type(1) {-webkit-flex-grow: 1;} div:nth-of-type(2) {-webkit-flex-grow: 3;} div:nth-of-type(3) {-webkit-flex-grow: 1;}/* Standard syntax */ div:nth-of-type(1) {flex-grow: 1;} div:nth-of-type(2) {flex-grow: 3;} div:nth-of-type(3) {flex-grow: 1;} Try it Yourself » Definition and Usage The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container. Note: If the […]
