Estoy usando PrimeNG en mi aplicación y he instalado todas las dependencias requeridas según la documentación oficial. Estoy probando el ejemplo del sistema de cuadrícula disponible en su sitio web y no funciona.

Aquí está el código:

 <div class="p-grid"> <div class="p-col">1</div> <div class="p-col">2</div> <div class="p-col">3</div> </div>

Aquí hay estilos en mi archivo angular.json

 "styles": [ "./node_modules/bootstrap/dist/css/bootstrap.min.css", "./node_modules/primeicons/primeicons.css", "./node_modules/primeng/resources/themes/nova/theme.css", "./node_modules/primeng/resources/primeng.min.css", "./node_modules/primeflex/primeflex.css", "apps/customer-application/src/styles.scss" ]

Está imprimiendo estas tres líneas verticalmente (en una sola columna) pero, según la documentación, debería imprimirlas en una sola línea, es decir, horizontalmente (en 3 columnas diferentes). Estoy usando Angular 12+ y ejecuto mi aplicación sobre Nx CLI. Cualquier ayuda será apreciada, gracias