Responsive Grid changes row height

Hi! I use responsive grid to layout two components. First is a list and second is another grid.
In landscape mode everything perfect:
image
but when I switch to portrate mode I get these ugly spaces between rows:
image

Any thoughts why it could be and how to fix this?
Any help very appreciated! Thank you.

Ok, I found that when responsive css rule comes into play it sets:

margin-bottom: 15px;

so adding

.col { margin-bottom: 0px !important; }

fixed the problem. Hope it helps to someone else.

1 Like