Yak, Jumpa lagi Eperibadih.
Buat kamu kamu yang baru belajar tentang CSS pasti pernah denger media query media query.
Terus masih ngambang apaan si itu? Nah disini ogut akan membahas secara singkat.
Apa si media query di css?
Media query adalah script yang digunakan untuk mendesain web supaya menjadi responsive.
Jadi, pasti di web kita kan ada style css nya ya. Nah nanti itu kita bisa memberikan beberapa style yang hanta berlaku untuk lebar device tertentu.
Misal, element A, pada dekstop memiliki width 300px, namun saat di mobile element A memiliki lebar 100px. itu semua diatur dalam medai query.
Contoh Pemakaian Media Query
Sebagai contoh dibawah ini contoh penggunaan jika lebar(width) device max 991px.
.element-a{width:300px;}
@media (max-width: 991px){
.element-a{
width:100px}
}
Cara Membaca nya begini :
- Pada saat normal, class element-a memiliki lebar 300px, namun pada saat resolusi layar di bawah 991px, maka lebar element-a tersebut menjadi 100px
Semoga bermanfaat. Jika ada yang ingin ditanyakan, silakan koment ya.
See you in next Post.
Terima Kasih, semoga membantu.
btw saya lagi bangun channel youtube. minta tolong bantuan di subs yak.
Subs Channel Saya yah. Thank You