0 0
Read Time52 Second

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

About Post Author

TahuBanyak

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %
Previous post Cara Mengecek Kualitas Baterai Laptop
Next post Trik CSS : Membuat Element Block Diagonal

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *