Page 1 of 1

FlexGrid layout not aligned

Posted: 11 Jul 2019, 17:32
by kwebster
Basically clean angular-cli (angular7) project with nothing but primeng so far.

Using flexgrid for layout. And it's working, but I can't seem to fit 12 columns in. The padding seems to be throwing things off. For example:

Code: Select all

<div class="p-grid">
  <div class="p-col-6"></div>
  <div class="p-col-6"></div>
</div>
Both .p-col-6 divs property set their width at 50%, but the padding seems to add to the width causing it to go over 100% and the second one to wrap to a new line.

Is there something silly I'm missing here?

Re: FlexGrid layout not aligned

Posted: 22 Jul 2019, 11:22
by yigitfindikli
kwebster wrote:
11 Jul 2019, 17:32
Basically clean angular-cli (angular7) project with nothing but primeng so far.

Using flexgrid for layout. And it's working, but I can't seem to fit 12 columns in. The padding seems to be throwing things off. For example:

Code: Select all

<div class="p-grid">
  <div class="p-col-6"></div>
  <div class="p-col-6"></div>
</div>
Both .p-col-6 divs property set their width at 50%, but the padding seems to add to the width causing it to go over 100% and the second one to wrap to a new line.

Is there something silly I'm missing here?
Hi,
I couldn't replicate it with PrimeNG V8. Can you provide stackblitz sample with https://stackblitz.com/github/primeface ... e-template .
Best Regards.