From a8ce85ed1b77cca936440ce3aaa8078f3dc634d0 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 23 Aug 2017 16:00:13 -0400
Subject: [PATCH] Add flex-none helper

---
 docs/source/grid.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/source/grid.md b/docs/source/grid.md
index dfbb2d6a6..af83c48db 100644
--- a/docs/source/grid.md
+++ b/docs/source/grid.md
@@ -69,7 +69,7 @@ Columns can be different widths:
 
 Rows can overflow and wrap:
 
-<div class="flex mb-6">
+<div class="flex flex-wrap mb-6">
     <div class="w-full md:w-1/3">
         <div class="flex-center h-16 bg-dark-softer text-light">
             .md:w-1/3
@@ -132,29 +132,29 @@ Column widths can be automatic:
 Fixed width columns are still respected even if a smaller screen has auto column widths:
 
 <div class="flex mb-6">
-    <div class="flex-fill md:w-1/6">
+    <div class="flex-fill md:w-1/6 md:flex-none">
         <div class="flex-center h-16 bg-dark-softer text-light">
-            .flex-fill.md:w-1/6
+            .flex-fill.md:w-1/6.md:flex-none
         </div>
     </div>
-    <div class="flex-fill md:w-1/6">
+    <div class="flex-fill md:w-1/6 md:flex-none">
         <div class="flex-center h-16 bg-dark-soft text-light">
-            .flex-fill.md:w-1/6
+            .flex-fill.md:w-1/6.md:flex-none
         </div>
     </div>
-    <div class="flex-fill md:w-1/6">
+    <div class="flex-fill md:w-1/6 md:flex-none">
         <div class="flex-center h-16 bg-dark-softer text-light">
-            .flex-fill.md:w-1/6
+            .flex-fill.md:w-1/6.md:flex-none
         </div>
     </div>
-    <div class="flex-fill md:w-1/6">
+    <div class="flex-fill md:w-1/6 md:flex-none">
         <div class="flex-center h-16 bg-dark-soft text-light">
-            .flex-fill.md:w-1/6
+            .flex-fill.md:w-1/6.md:flex-none
         </div>
     </div>
-    <div class="flex-fill md:w-1/6">
+    <div class="flex-fill md:w-1/6 md:flex-none">
         <div class="flex-center h-16 bg-dark-softer text-light">
-            .flex-fill.md:w-1/6
+            .flex-fill.md:w-1/6.md:flex-none
         </div>
     </div>
 </div>