Skip to content

Instantly share code, notes, and snippets.

@DannyMichaels
Forked from lukasrudnik/Flexbox Froggy answers
Created September 15, 2020 17:28
Show Gist options
  • Save DannyMichaels/9373fcd098092a91db41217ff0a395e8 to your computer and use it in GitHub Desktop.
Save DannyMichaels/9373fcd098092a91db41217ff0a395e8 to your computer and use it in GitHub Desktop.
Solutions Flexbox Froggy
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;
10) flex-direction: row-reverse;
justify-content: flex-end;
11) flex-direction: column;
justify-content: flex-end;
12) flex-direction: column-reverse;
justify-content: space-between;
13) flex-direction: row-reverse;
justify-content: center;
align-items: flex-end;
14) order: 1;
15) order: -3;
16) align-self: flex-end;
17) align-self: flex-end;
order: 1;
18) flex-wrap: wrap;
19) flex-direction: column;
flex-wrap: wrap;
20) flex-flow: column wrap;
21) align-content: flex-start;
22) align-content: flex-end;
23) flex-direction: column-reverse;
align-content: center;
24) flex-flow:column-reverse wrap-reverse;
justify-content:center;
align-content:space-between;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment