Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, kita lanjut lagi belajarnya, masih seputar tentang css, karena seperti yang kita tahu css sangatlah luas hehe, untuk pembahasan kali ini kita akan belajar tentang membuat galeri gambar dengan teknik flexbox di css3.

Sebelumnya mungkin teman-teman pernah mendengar atau mungkin sudah tahu tentang fungsi dari flexbox, yup flexbox adalah satu teknik didalam css untuk membagi kolom pada website tanpa harus menggunakan teknik floating, untuk lebih jelas bagai mana cara membuat galeri dengan teknik flexbox ini kita langsung saja masuk ke praktek, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini :

Disini saya membuat 2 buah div flex container, dimana didalam div tersebut terdapat beberapa gambar, nah sekarang kita masuk kepada penulisan scripting css, silahakan teman-teman tambahakan script berikut ini:

didalam pengaturan class flex-container saya memberikan style display flex untuk mendeklarasikan bahwa kontent didalamnya berbentuk flexbox, jika teman-teman save maka hasilnyaa akan seperti berikut ini:

membuat galeri gambar dengan teknik flexbox di css3

Gimana teman teman? cukup mudah bukan membuatnya, untuk tutorial kali ini tentang membuat galeri gambar dengan teknik flexbox di css3, saya rasa cukup sampai disini dulu, semoga bermanfaat untuk teman-teman semuanya

Terimakasih