flex grid not working for p-col-# primeng Angular 5

angular primeng

It is work in my Angular6 project.

install PrimeNG and PrimeFlex

npm install primeng --savenpm install primeflex --save

add style to angular.json

"./node_modules/primeng/resources/primeng.css","./node_modules/primeflex/primeflex.css"

app.component.html

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

angular primeng

use "grid" instead of "p-grid", there is classname change in lib files.

angular primeng

I had the same problem in Angular 7 with PrimeNG PrimeFlex.

Added the following to the styles.css file to fix it.

 * {  -webkit-box-sizing: border-box;}

CodeHunter