From a326a631ad594d2e0cbe884452e80bb7d1a2d812 Mon Sep 17 00:00:00 2001
From: harry <harmanmanchanda182@gmail.com>
Date: Mon, 22 May 2017 23:02:18 +0530
Subject: [PATCH] Update docs on removing `display-none`

---
 docs/pages/prototyping.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md
index eb9f7a90e..a09bf25ed 100644
--- a/docs/pages/prototyping.md
+++ b/docs/pages/prototyping.md
@@ -603,7 +603,6 @@ Border none lets you quickly resets border to `none` into any component.
 Display classes helps to display the elements in specific positions inside any other HTML elements.
 
 ```html
-<div class="display-none"></div>
 <div class="display-inline"></div>
 <div class="display-inline-block"></div>
 <div class="display-block"></div>
@@ -612,6 +611,10 @@ Display classes helps to display the elements in specific positions inside any o
 
 By default, we have just added the most used display classes. but as you would know, there are many other display classes as specified by MDN [here](https://developer.mozilla.org/en-US/docs/Web/CSS/display). If you need some of those classes, then you can add them easily through Sass variables with `$prototype-display`. Sass Reference [here](#sass-reference)
 
+<div class="primary callout">
+  <p>For `display: flex` and `display: none`, use generic `.flex-container` and `.hide` respectively!</p>
+</div>
+
 ---
 
 ## Positioning
-- 
2.47.2