align-items: flex-start; /* vertical-align to top */align-items: flex-end; /* vertical-align to bottom */align-items: center; /* vertical-align to center */align-items: stretch; /* same height on all (default) */
justify-content: flex-start; /* [xxx ] */justify-content: center; /* [ xxx ] */justify-content: flex-end; /* [ xxx] */justify-content: space-between; /* [x x x] */justify-content: space-around; /* [ x x x ] */justify-content: space-evenly; /* [ x x x ] */
}
{: .-setup}
Child
.container>div {
{: .-setup}
/* This: */ flex: 1 0 auto;/* Is equivalent to this: */flex-grow: 1;flex-shrink: 0;flex-basis: auto;
order: 1;
align-self: flex-start; /* left */margin-left: auto; /* right */