From bccb8ce21300f8da0bfefe1fdde9ab9d87994769 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sat, 31 Dec 2016 11:48:55 -0800
Subject: [PATCH] tweak a few more things
- adjust some verbiage
- change the example to correct some labels and range names
---
docs/layout/overview.md | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/docs/layout/overview.md b/docs/layout/overview.md
index f0decede3c..0bf0b33a10 100644
--- a/docs/layout/overview.md
+++ b/docs/layout/overview.md
@@ -118,7 +118,7 @@ Once again, these media queries are also available via Sass mixins:
@include media-breakpoint-down(lg) { ... }
{% endhighlight %}
-We can also use media queries to target a single segment of screen sizes, using the minimum and maximum breakpoint widths:
+There are also media queries and mixins for targeting a single segment of screen sizes using the minimum and maximum breakpoint widths.
{% highlight scss %}
// Extra small devices (portrait phones, less than 576px)
@@ -151,14 +151,14 @@ Similarly, media queries may span multiple breakpoint widths:
{% highlight scss %}
// Example
-// Medium devices (tablets, 768px and up) and Large devices (desktops, 992px and up)
+// Apply styles starting from medium devices and up to extra large devices
@media (min-width: 768px) and (max-width: 1199px) { ... }
{% endhighlight %}
The Sass mixin for targeting the same screen size range would be:
{% highlight scss %}
-@include media-breakpoint-between(md, lg) { ... }
+@include media-breakpoint-between(md, xl) { ... }
{% endhighlight %}
## Z-index
--
GitLab