Column overflow bug?

[astyn3a]

This is my html, on a 100% width page, overflow-x appears and column is not working properly.
Here is screenshot:

Code: Select all

<div class="p-grid">
	<div class="p-col-12 p-md-6 p-lg-3 test1">A</div>
	<div class="p-col-12 p-md-6 p-lg-3 test">B</div>
	<div class="p-col-12 p-md-6 p-lg-3">C</div>
	<div class="p-col-12 p-md-6 p-lg-3">D</div>
</div>

Why is this happening and how can I fix it?

[tugce.kucukoglu]

Hi,

Unfortunately, I didn't understand this problem. Do you have a codesandbox link for a test case?