FlexGrid layout not aligned

UI Components for Angular
Post Reply
kwebster
Posts: 4
Joined: 11 Jul 2019, 17:25

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?

yigitfindikli
Posts: 449
Joined: 08 Aug 2018, 14:09

22 Jul 2019, 11:22

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.

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 12 guests