flex css shorthand

Solutions on MaxInterview for flex css shorthand by the best coders in the world

home

app

help

profile

we are a community of more than 2 million smartest coders

registration for

employee referral programs

are now open

get referred to google, amazon, flipkart and more

showing results for - "flex css shorthand"

Hippolyte

25 Feb 2016

1flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
2
3.flex-item {
4
5  /* this */
6  flex: 1 100px;
7
8  /* is the same as */
9  flex-grow: 1;
10  flex-basis: 100px;
11
12  /* and it leaves the flex-shrink property alone, which would be */
13  flex-shrink: inherit; /* defaults to 1 */
14
15}