lukasrudnik

1. 
justify-content: center;

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

3. 
justify-content: center; 

lukasrudnik

1)  grid-column-start: 3;
2)  grid-column-start: 5;
3)  grid-column-end: 4;
4)  grid-column-end: 2;
5)  grid-column-end: 5;
6)  grid-column-start: 4;
7)  grid-column-end: span 2;
8)  grid-column-end: span 5;
9)  grid-column-start: 3;
10) grid-column: 4/6;

lukasrudnik

1)  justify-content: flex-end;
2)  justify-content: center;
3)  justify-content: space-around;
4)  justify-content: space-between;
5)  align-items: flex-end;
6)  align-items: center;
    justify-content: center;
7)  justify-content: space-around;
8)  flex-direction: row-reverse;
9)  flex-direction: column;

lukasrudnik

#01 plate "or" *
#02 bento
#03 #fancy
#04 plate > apple
#05 #fancy pickle
#06 .small
#07 orange.small
#08 bento > orange.small
#09 plate, bento
#10 *