← BACK

Media query CSS template.txt

MEDIA QUERY CSS TEMPLATE
/* 1. DEFAULT/MOBILE KECIL (Lebar di bawah 576px) */
body {
    font-size: 14px;}

/* 2. MOBILE BESAR / TABLET KECIL (Landscape Mobile) */
@media (min-width: 576px) {
    body { font-size: 15px; }}

/* 3. TABLET (Potrait Mode) */
@media (min-width: 768px) {
    body { font-size: 16px; }}

/* 4. LAPTOP / DESKTOP KECIL */
@media (min-width: 992px) {
    body { font-size: 17px; }}

/* 5. DESKTOP BESAR (Monitor Standar) */
@media (min-width: 1200px) {
    body { font-size: 18px; }}

/* 6. LAYAR SANGAT BESAR (Ultra-Wide / 4K) */
@media (min-width: 1400px) {
    body { font-size: 19px; }}