Loading...
「ツール」は右上に移動しました。
利用したサーバー: wtserver1
50いいね 8,019 views回再生

Quick walkthrough with solutions | flexboxfroggy (part 1/2)

Hello everybody and welcome to another video. Today I 'm playing the game of flexbox froggy, a game where you help Froggy and friends by writing CSS code!

This is part 1 of 2.

Find the game here: http://flexboxfroggy.com/

My solutions:
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. justify-content: center;
align-items: center;
7. justify-content: space-around;
align-items: flex-end;
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;


**************************************
If you have any question, dont hesitate to ask,
I'll do my best to answer it!

**************************************
If you enjoy this video,
please like, share and subscribe

Let's stay in touch:
twitter --   / batsouelef  
website -- http://eleftheriabatsou.com/
github -- https://github.com/EleftheriaBatsou
codepen -- http://codepen.io/EleftheriaBatsou/

コメント