Slight tweak for combined row/column description

I had never fully understood what the row/column combination on a single element did exactly. Today I clicked on the "Edit in browser" link and found a different explanation in codepen. Key words here: "If you have just a single column, you can save some markup" -- A _single column_! This shed some light on the concept.

Maybe it's just me, but the current text "If you need a full-width column to use as a container," had never been clear to me which width it was referring to. Also, the "save some markup" part also cleared up the purpose of this technique. So basically I'm just proposing changing the current description to be a little more like the Codepen description.

diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index 07db7e7b06838b2819350f0f05d8e1deb8a7cf29..453fc29ba95f36099979bf50a170a672da891463 100644 (file)
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -168,7 +168,7 @@ Medium sized screens will inherit styles from small, unless you specify a differ
 
 ### Combined Column/Row
 
-If you need a full-width column to use as a container, put the `.column` and `.row` classes on the same element. You can still nest more grids inside this container like usual.
+If you have just a single column, you can save some markup by combining the `.row` and `.column` classes together on the same element. You can still nest more grids inside this container like usual.
 
 <div class="warning callout">
   <p>Column rows can use sizing classes like <code>.small-8</code>, but only when used as a top-level container&mdash;not when nested inside another row.</p>