Flexbox Defense

1. 
justify-content: center;

2. 
justify-content: flex-end; 
justify-content: center; 
justify-content: flex-end; 

3. 
justify-content: center; justify-content: space-between;

4. 
align-items: flex-end; justify-content: center;

5. 
justify-content: space-around; align-items: flex-end;
align-items: flex-end;

6. 
justify-content: space-between; align-items: center;

7. 
flex-direction: column;
flex-direction: column;

8. 
flex-direction: column;
flex-direction: column; align-items: center;

9. 
justify-content: space-around; flex-direction: row-reverse;
flex-direction: row-reverse; align-items: center; justify-content: space-around;

10. 
justify-content: space-around;
order: 1;
justify-content: space-around;
order: -1;

11. 
justify-content: space-between;
align-self: flex-end;

align-self: flex-end;

12. 
justify-content: space-between; align-items: center;
order: -1; align-self: flex-start;

order: 1;

align-self: flex-end; order: 2;