Responsive E-Community - Web Komunitas Alumni di Universitas

Assalamualaikum,.. untuk membuat sebuah web responsive bisa menggunakan media query 
jika web tersebut tidak menggunakan framework css seperti bootsrap.
 
cara penggunaan media query sama halnya dengan agan membuat versi css mobile, tablet dll
dengan pengkondisian, contoh penggunaannya seperti berikut :
 
/ * Pada layar normal desktop * /
body {
  background-color: red;
}
 
/ * Pada layar yang ukurannya 992px atau kurang dari itu tampilannya berubah seperti kode css yg diset dibawah ini  * /
@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}
 
/ * Pada layar yang ukurannya 600px atau kurang dari itu tampilannya berubah seperti kode css yg diset dibawah ini * /
@media screen and (max-width: 600px) {
  body {
    background-color: green;
  }
}