Tentang alat ini
Susun @media query responsif dengan memilih min-width, max-width, atau rentang plus orientasi, dengan preset perangkat sekali klik, lalu salin pembungkusnya. Semuanya berjalan di browser Anda.
Pertanyaan yang sering diajukan
Apa perbedaan antara min-width dan max-width?
min-width menerapkan gaya pada lebar tersebut ke atas (mobile-first), sedangkan max-width menerapkannya pada lebar tersebut ke bawah.
Bagaimana cara kerja preset perangkat?
Setiap preset mengisi breakpoint umum — seluler hingga 767px, tablet 768–1023px, dan desktop mulai 1024px — yang kemudian dapat Anda sesuaikan.