GitXplorerGitXplorer
c

flexboxFroggySolution

public
3 stars
1 forks
0 issues

Commits

List of commits on branch master.
Verified
843af3759eba4907bf83b6e53815b6fc930f31c1

Update README.md

cckvignesh committed 3 years ago
Unverified
16375151209239f3d914e01ee2503519fa4f7058

format changes made in the md file (removed the ** bold in code

cckvignesh committed 3 years ago
Verified
bde57b46c2e1abab36994220a494e4d28b434b43

Merge pull request #4 from ckvignesh/ckvignesh-patch-1

cckvignesh committed 3 years ago
Verified
070511c2ee70444601a07618b8355d4e17caa12b

edited missed out part

cckvignesh committed 3 years ago
Verified
790d53756107b94a69b123fe4bb956a894c82381

Merge pull request #3 from ckvignesh/ckvignesh-patch-1

cckvignesh committed 3 years ago
Verified
5ace14973a597dffe543b879b5c4588ed3861330

edited and added code format

cckvignesh committed 3 years ago

README

The README file for this repository.

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;