CSS Flexbox - Flex Container

Property flex container akan merubah layout model pembungkusnya menjadi flexbox dan merubah element yang ada di dalamnya menjadi flex-item. Cara penggunaanya juga cukup sederhana, hal pertama yang kita lakukan adalah mengatur property display menjadi flex pada .wrap kita.

 p {
    color: red;
 }

Jika kita lihat hasilnya maka sekarang tampilan kotak berubah menjadi seperti berikut:

Bisa kita simpulkan bahwa flexbox memiliki kemampuan untuk mengatur flex-item secara otomatis.

Selanjutnya kita akan membahas: Flex Direction Open URL