FLEXBOX FROGGY(1)

LEVEL1

level1

#pond{
	display: flex;
	justify-content: flex-end;
}

 

 

 

 

LEVEL2

level2

#pond{
	display: flex;
	justify-content : center;
}

 

 

 

 

LEVEL3

level3

#pond{
	display : flex;
	justify-content : space-around;
}

 

 

 

 

LEVEL4

level4

#pond{
	display : flex;
	justify-content : space-between;
}

 

 

 

 

LEVEL5

#pond{
	display :flex;
	align-items: flex-end;
}

 

 

 

 

LEVEL6

#pond{
	display : flex;
	justify-content : center;
	align-items: center;
}

 

 

 

 

LEVEL7

#pond{
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
}

 

 

 

 

LEVEL8

#pond{
	display: flex;
	flex-direction : row-reverse;
}

 

 

 

 

LEVEL9

#pond{
	display: flex;
	flex-direction: column;
}

 

 

 

 

LEVEL10

#pond{
	display:flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

 

 

 

 

LEVEL11

#pond{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

 

 

 

 

LEVEL12

#pond{
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}