Hai teman-teman semuanya, apa kabar semoga tetap dalam keadaan baik dan sehat, kita lanjut lagi belajar pada tutorial dumet school, tutorial kali ini kita akan sedikit belajar tentang media rule css yang kita akan praktekan pada tutorial merubah bentuk div dengan media rule pada css.

Apa itu media rule? Bagi teman-teman yang sudah familiar atau sering menggunakan css pasti sering mendengar atau mungkin pernah menggunakan yang namanya media rule pada css, yups media rule pada css adalah suatu teknik css untuk menentukan keadaan suatu kontent atau element pada saat ukuran layar tertentu, jadi bisa dibilang dengan menggunakan media rule ini kita bisa membuat tampilan yang berbeda pada setiap ukuran layar tertentu.

Untuk lebih jelasnya kita langsung saja praktek pada tutorial sederhana kali ini, silahakan teman-teman buat sebuah file dan ketikan script css berikut ini:

saya membuat sebuah div dengan class kotak, lalu saya atur style divnya seperti diatas,

nah sekarang coba teman-teman tambahkan script berikut ini pada bagian cssnya:

dengan mengetikan script seperti diatas itu berarti kita mengatur class kotak pada ukuran 480px kebawah dia tidak terkena style border radius, hasilnya akan seperti ini pada ukuran 480px keatas:

merubah bentuk div dengan media rule pada css1

dan pada ukuran 480px kebawah hasilnya akan seperti berkut ini:

merubah bentuk div dengan media rule pada css2

gimana teman-teman mudah bukan, untuk tutorial kali ini tetang merubah bentuk div dengan media rule pada css saya rasa cukup sampai disini dulu, sampai jumpa lagi pada tutorial berikutnya,

Terima kasih