removed potentially confusing graph

diff --git a/docs/pages/media-queries.md b/docs/pages/media-queries.md
index f7f162ecc532c5551adb3ed0196fd95c9e421955..4450560c798b7d12cacd7865528df5855538abcb 100644 (file)
--- a/docs/pages/media-queries.md
+++ b/docs/pages/media-queries.md
@@ -93,20 +93,6 @@ Changing the widths of any of the breakpoints is as easy as changing the pixel v
 
 Please note that the order of breakpoints must be in ascending order so that keywords like `down` in the `breakpoint` function below will work as expected e.g.
 
-```js
-├─ xlarge max
-│
-├─ xlarge min
-├─ large max    ┓
-│               │
-├─ large min    │
-├─ medium max   │
-│               │   "xlarge down" Breakpoint
-├─ medium min   │
-├─ small max    │
-│               │
-...
-```
 
 You can change that by modifying the `$breakpoint-classes` variable in your settings file. This is a list of breakpoint names. Adding or removing names from the list will change the CSS class output. It looks like this by default: