Custom media query

Что такое кастомные медиавыражения и почему обычные CSS-переменные не работают внутри @media. Простое объяснение, понятные примеры и разбор того, как браузер вычисляет стили под капотом. Импортировать знания

https://habr.com/ru/articles/966950/

#css #медиавыражения #media_queries #media_queries_5

Кастомные медиавыражения

Статья поделена на две части. Первой части будет достаточно, чтобы понять как применять новые кастомные медиавыражения в проекте. Вторая часть, для любопытных, которые хотят понять как это работает...

Хабр

CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?

Разбираем новые возможности CSS Media Queries Level 4 — логические операторы сравнения, которые делают код более читаемым и интуитивным. От (min-width: 768px) and (max-width: 1024px) к простому (768px <= width <= 1024px) . Зачем это нужно и как с этим работать?

https://habr.com/ru/articles/929530/

#медиазапросы #media_queries #вёрстка #адаптивная_вёрстка #css #css3 #postcss #диапазоны_css

CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?

Media Queries Level 4 : эволюция синтаксиса, которую сложно игнорировать — и сложно внедрить без оглядки. Адаптивная вёрстка — основа современного фронтенда. Долгое время в CSS было всего два способа...

Хабр