I have a website that is built with a WordPress theme(Elated Foods). On the main page it has a Grid with 12 blog posts (picture, headline and teaser) that are not aligned properly due to different sizes of content or headline (see under Knowledge Base on the site). The webpage is https://cellgrail.com .
I want all the divs to have the same size and be mobile responsive at the same time but because this are generated by WP, setting a height for all of them does not seem to work. I tried setting height:667px for .vc_masonry_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item that does not make them all the same size.
The plugin that is used allows you to choose how many items to be displayed(in this case 12), how many on each row (set to 3) and the gap between each grid element (30px).
Any help or tricks that could help solve this issue is welcome.