#css #frontend

👩‍💻 CSS-da yangilangan media-query sintaksisi — "Range Syntax"

Range Syntax orqali media queries’ga kiritiladigan qiymatlarning diapazonini an’anaviy min-width va max-width qiymatlaridan ko‘ra qisqaroq va osonroq ifodalash imkoniyatini beradi.

min-width va max-width ➡️ <, >, <=, >=

Brauzerlar qo‘llab-quvvatlashi 91.9%

Misollar:

@media (width >= 80rem) {
    /* kenglik kamida 80rem bo'lganda */
}

/* Oraliq belgilash */
@media (80rem <= width <= 120rem) {
    /* kenglik 80rem va 120rem oralig'ida bo'lganda */
}

@frontend | Happy Coding