Sintaxe Range para Media Queries: Precisão na Definição de Breakpoints

A sintaxe de comparação de range para media queries (ex: `width <= 300px`) é a nova abordagem recomendada para substituir `min-width`/`max-width`. A natureza inclusiva destas últimas pode causar bugs decorrentes da colisão de breakpoints, um problema que a nova sintaxe resolve. Além de evitar essas questões de colisão, a sintaxe de range expressa a intenção de forma mais clara, condensa ranges de dois lados em uma única expressão e é totalmente compatível com as @container queries, promovendo uma melhor experiência do desenvolvedor (DX) na construção de interfaces responsivas.