Hallo sahabat Dumet berjumpa lagi nih, dalam kesempatan kali ini saya aka membahas tentang bagaimana cara membuat center sebuah element dengan display flex. Display flex pada property CSS berfungsi untuk membuat elemen-elemen yang ada di dalamnya menjadi sejajar dengan rapih atau sesuai dengan keinginan yang sahabat inginkan. Baik supaya sahabat paham cara membuat center element dengan property CSS Display Flex ini bagaimana jika langsung praktekkan saja ya.Persiapan yang pertama buat lebih dahulu struktur HTML seperti berikut:

Jadi disini kita akan membuat center sebuah gambar pada sebuah class=container,

Selanjutnya berikan style dari CSS seperti dibawah ini:

pada selector class container terdapat sebuah property display;flex, align:center, justify-content:center. agar posisi gambar tepat pada ditengah. JIka sahabat sudah mengetikan semua code diatas coba  dijalankan pada browser maka tampilan akan seperti dibawah :

Membuat Center Sebuah Element Dengan Display Flex1-Membuat Center Sebuah Element Dengan Display Flex

Demikian tutorial dari saya sampai ketemu di tutorial berikutnya ya dan selamat mencoba Terima Kasih.