hiiii!! hari ini kita belajar tentang Flex box menggunakan link https://codingfantasy.com/games/flexboxadventure/play
Di dalam game tersebut terbagi menjadi 3 tigkat yaitu:
Di level easy kita masih di kasih clue dan masih di kasih tau jawaban untuk susunan codenya. Selain itu juga kita di beri tahu fungsi/cara penggunaan dari code tesebut.
*contoh
Disini kita banyak mempelajari kode-kode flexbox yaitu:
- Justify-content
- Align-items
- Flex-direction
- order
- Align-self
- Flex-wrap
Justify-content
Contoh penggunaanya:
justify-content: center;Values yang biasa di pakai:
- center
- flex-start
- flex-end
- space-between
- space-around
- space-evenly
Align-items
contoh penggunaanya:
align-items: center;
Values yang biasa di pakai:
- center
- flex-start
- flex-end
- baseline
- stretch
Flex-direction
contoh penggunaanya:
flex-direction: row;
Values yang biasa di pakai:
- row
- row-reverse
- column
- column-reverse
Order
Contoh penggunaanya:
order: 2;
Align-self
contoh penggunaanya:
align-self: center;
Values yang biasa di pakai:
- center
- flex-start
- flex-end
- stetch
Flex-wrap
Contoh penggunaanya:
flex-wrap: wrap;
Values yang biasa di pakai:
- wrap
- no wrap
- wrap-reverse
sekian dari pemilik web (jujur soalnya udah mager) jadii semoga bisa di mengerti, terimakasih. Semoga bermanfaat!
