ul[class*="test"] {
	padding: 0;
	list-style: none;
}
.test-1 {
    display:flex;
}
.test-2 {
    display:flex;
    flex-direction:row-reverse;
}
.test-3 {
    display:flex;
    flex-direction:column;
}
.test-4 {
    display:flex;
    flex-direction:column-reverse;
}
.test5 {
    display:flex;
    flex-wrap: nowrap;
    width:300px;
}
.test6 {
    display:flex;
    flex-wrap: wrap;
    width:300px;
}

ul[class *= "test-align-items"] li:nth-child(odd) {
    height: 4em;
}
.test-align-items-1 {
    display:flex;
    align-items:center;
}
.test-align-items-2 {
    display:flex;
    align-items:flex-start;
}
.test-align-items-3 {
    display:flex;
    align-items:flex-end;
}

.test10 {
    display:flex;
    justify-content:center;
}
.test11 {
    display:flex;
    justify-content: flex-start;
}
.test12 {
    display:flex;
    justify-content: space-between;
}
.test13 {
    display:flex;
    justify-content: space-around;
}
.test14 {
    display:flex;
    justify-content: space-evenly;
}
.test15 {
    display:flex;
}
.test15 li:nth-child(1) {
    order:4;
}
.test15 li:nth-child(2) {
    order:2;
}
.test15 li:nth-child(3) {
    order:6;
}
.test15 li:nth-child(4) {
    order:1;
}
.test15 li:nth-child(5) {
    order:3;
}
.test15 li:nth-child(6) {
    order:5;
}
.test16 {
    display:flex;
}
.test16 > * {
    flex-grow: 1;
    flex-basis: 1em;
}
.test16 li:nth-child(3) {
    flex-grow:2;
}
.test17 {
    display:flex;
}
.test17 > * {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 30em;
}
.test17 li:nth-child(3) {
    flex-shrink: 6;
}
.test18 {
    display:flex;
}
.test18 > * {
    flex-grow:1;
    flex-basis:1em;
}
.test18 li:nth-child(2){
    flex-grow:2;
}