Media screen CSS yaitu untuk mendeteksi ukuran layar device yang akan kita pakai , hal ini sebagai senjata kita untuk membuat website responsive , begitupun dengan bootstrap yang mengandalkan media screen sebagai framework responsive , bagaimana rumus nya ? saya akan jelaskan di bawah ini :
@media (max-width:900px){ Â //untuk mendeteksi ukuran layar yang kurang dari 900 maka akan menjalankan fungsi di dalamnya
 div{width:100%}
}
bisa di simpulkan bahwa style div tersebut akan terbaca saat ukuran layar tersebut kurang dari 900px , semua bisa kita ubah dalam media screen tersebut, oke selamat mencoba