FLEXBOX FROGGY(2)

LEVEL13

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

 

 

 

 

LEVEL14

#pond{
	display: flex;
}
.yellow{
	order:2;
}

 

 

 

 

LEVEL15

#pond{
	display: flex;
} 
.red{
	order: -1;
}

 

 

 

 

LEVEL16

#pond{
	display: flex;
	align-items: flex-start;
}
.yellow{
	align-self: flex-end;
}

 

 

 

 

LEVEL17

#pond{
	display: felx;
	align-items: flex-start;
}
.yellow{
	order: 1;
	align-self: felx-end;
}

 

 

 

 

LEVEL18

#pond{
	display: flex;
	flex-wrap: wrap;
}

 

 

 

 

LEVEL19

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

 

 

 

 

LEVEL20

#pond{
	display: felx;
	flex-flow: column wrap;
}

 

 

 

 

LEVEL21

#pond{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

 

 

 

 

LEVEL22

#pond{
	display: flex;
	flex-wrap: wrap;
	align-content: flx-end;
}

 

 

 

 

LEVEL23

#pond{
	display: flex;
	flex-direction: column-reverse;
	align-content: center;
}

 

 

 

 

LEVEL24

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