Doc update

src/app/showcase/components/flexgrid/flexgriddemo.html

@@ -421,20 +421,16 @@ <h3>Sample Layout</h3>
     <p-tabView effect="fade">
         <p-tabPanel header="Documentation">
             <h3>Getting Started</h3>
-            <p>FlexGrid is a CSS utility based on flexbox. For more information about Flex, visit <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/">A Complete Guide to Flexbox</a>. A basic grid is defined by giving
-            a container "p-grid" class and children the ".p-col" class. Children of the grid will have the same width and scale according to the width of the parent.</p>
-<pre>
+            <p>PrimeFlex is available at npm, if you have an existing application run the following command to download it to your project.</p>
 
-<h3>Download</h3>
-    <p>PrimeFlex is available at npm, if you have an existing application run the following command to download it to your project.</p>
 <pre>
 <code class="language-markup" pCode ngNonBindable>
 npm install primeflex --save
 </code>
 </pre>
 
- <h4>Styles Configuration</h4>
-    <p>Configure required style at the styles section.</p>
+            <p>Then add the primeflex.css to your application, example below uses styles configuration of an Angular CLI project.</p>
+
 <pre>
 <code class="language-js" pCode ngNonBindable>
 "styles": [
@@ -443,6 +439,10 @@ <h4>Styles Configuration</h4>
 </code>
 </pre>
 
+<p>A basic grid is defined by giving
+    a container "p-grid" class and children the ".p-col" class. Children of the grid will have the same width and scale according to the width of the parent.</p>
+
+<pre>
 <code class="language-markup" pCode ngNonBindable>
 &lt;div class="p-grid"&gt;
     &lt;div class="p-col"&gt;1&lt;/div&gt;