/flexboxFroggySolution

Solutions of all 24 levels of the Flexbox Froggy Game (https://flexboxfroggy.com/). Do you have better solutions for the game? Feel free to add your own contributions to this Repo after forking it.

MIT LicenseMIT

Solving Flexbox Froggy

This file contains the solutions for solving all the levels of the Flexbox Froggy game.

Level 1

justify-content: flex-end;

Level 2

justify-content: center;

Level 3

justify-content: space-around;

Level 4

justify-content: space-between;

Level 5

align-items: flex-end;

Level 6

justify-content: center;** **align-items: center;

Level 7

align-items: flex-end;** **justify-content: space-around;

Level 8

flex-direction: row-reverse;

Level 9

flex-direction: column;

Level 10

flex-direction:row-reverse;** **justify-content:flex-end;

Level 11

flex-direction: column;** **justify-content: flex-end;

Level 12

flex-direction: column-reverse;** **justify-content: space-between;

Level 13

align-items: flex-end;** **justify-content: center;** **flex-direction: row-reverse;

Level 14

order: 1;

Level 15

order: -1;

Level 16

align-self: flex-end;

Level 17

align-self:flex-end;** **order: 1;

Level 18

flex-wrap: wrap;

Level 19

flex-direction: column-reverse;** **flex-wrap: wrap;

Level 20

flex-flow: column wrap;

Level 21

align-content: flex-start;

Level 22

align-content: flex-end;

Level 23

align-content: center;** **flex-direction: column-reverse;

Level 24

flex-flow: column-reverse wrap-reverse;** **justify-content: center;** **align-content: space-between;