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; }