Pada materi kali ini akan dijelaskan apa itu fungsi media pada CSS, fungsi media ini yaitu utnuk merubah keadaan sebuah elemen html dengan menentukan ukuran layar yang kita tentukan, jadi seperti website responsive semua nya menggunakan fungsi media ini , seperti contoh Bootstrap yang begitu powerfull dengan tampilan Responsivenya dia memakai fungsi ini untuk menjadi powerfull , tidak hanya responsive saja , kita bisa merubah warna ,jarak, dll. oke disini kita praktekan dengan mengubah warna pada elemen <P> , coba teman teman ketikan fungsi di bawah ini:

mediascreen-1-2016

 

Maka hasilnya akan seperti di bawah ini :

Pada Ukuran Full dan tidak kurang dari 1200px :

screen-1-agung

 

Pada ukuran kurang dari 1200px :

screen-2-agung

dan pada ukuran kurang dari 600px :

screen-3-agung