Problem with nested grid

[codebysandeep]

Hi

Your grid solution is nice for desktop and mobile.

But I am facing problem with nested grid. Can you please check and suggested what I can do better.

[slmsmsk]

You need to remove padding on nested col elements.

[ainsofs]

I am facing problems with nested grids also. I have removed the grid-pad on nest grids and it looks fine on desktop. But when I resize to smaller screen the nested grids do not appear correctly (ie they have extract spaces)

[goodpixels]

Nested grids don't work. If you create nested grids, you end up with double padding. This needs to be fixed. I would suggest adding a new CSS rule, which would remove padding for the last column inside the nested grid, for example:

.grid > [class*='col-'] > .grid { width: calc( 100% + 20px ); }

I am not sure if this solution is robust enough to cover all cases, but it seemed to resolve the problem for me.

[goodpixels]

What do you think @ThisIsDallas ?

[pascalandy]

+1

[diogoca]

+1, we need nested col ;)

[ThisIsDallas]

Ok this should be fixed. Mobile is usable but needs a little work to get content gutters working. I'll look into it this weekend though.

[greatwitenorth]

Did this issue ever get resolved? I'm currently trying to implement nested columns without any luck. Is there an example that you can provide?