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