tailwind flex grow code example
Example 1: flex grow
#content {
display: flex;
justify-content: space-around;
flex-flow: row wrap;
align-items: stretch;
}
.box {
flex-grow: 1;
border: 3px solid rgba(0,0,0,.2);
}
.box1 {
flex-grow: 2;
border: 3px solid rgba(0,0,0,.2);
}
Example 2: flex wrap tailwind
.flex-no-wrap = { flex-wrap: nowrap; }
.flex-wrap = { flex-wrap: wrap; }
.flex-wrap-reverse = { flex-wrap: wrap-reverse; }