summaryrefslogtreecommitdiffstats
path: root/site/layouts/partials/callout-info-mediaqueries-breakpoints.md
diff options
context:
space:
mode:
Diffstat (limited to 'site/layouts/partials/callout-info-mediaqueries-breakpoints.md')
-rw-r--r--site/layouts/partials/callout-info-mediaqueries-breakpoints.md1
1 files changed, 1 insertions, 0 deletions
diff --git a/site/layouts/partials/callout-info-mediaqueries-breakpoints.md b/site/layouts/partials/callout-info-mediaqueries-breakpoints.md
new file mode 100644
index 0000000..2eea771
--- /dev/null
+++ b/site/layouts/partials/callout-info-mediaqueries-breakpoints.md
@@ -0,0 +1 @@
+**Why subtract .02px?** Browsers don't currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), so we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision.