title: PrimeNg grid system is not working as per the documentation
body: <p>I am using PrimeNG in my application and have installed all the required dependencies as per the official documentation. I am trying the example of the grid system available on their website and it's not working.</p>
  <p>Here's the code:</p>
  <pre><code>&lt;div class=&quot;p-grid&quot;&gt;
      &lt;div class=&quot;p-col&quot;&gt;1&lt;/div&gt;
      &lt;div class=&quot;p-col&quot;&gt;2&lt;/div&gt;
      &lt;div class=&quot;p-col&quot;&gt;3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here are styles in my angular.json file</p>
  <pre><code>&quot;styles&quot;: [
            &quot;./node_modules/bootstrap/dist/css/bootstrap.min.css&quot;,
            &quot;./node_modules/primeicons/primeicons.css&quot;,
            &quot;./node_modules/primeng/resources/themes/nova/theme.css&quot;,
            &quot;./node_modules/primeng/resources/primeng.min.css&quot;,
            &quot;./node_modules/primeflex/primeflex.css&quot;,
            &quot;apps/customer-application/src/styles.scss&quot;
          ]
  </code></pre>
  <p>It's printing all these three lines vertically (in a single column) but, as per the documentation it should print it in a single line i.e, horizontally (in 3 different columns). I am using Angular 12+ and running my app over Nx CLI. Any help would be appreciated!Thanks</p>