Problem with Cornerstone margins/padding

[mvives]

To Whom It May Concern,

I’m running into challenges with spacing issues when it comes to a specific section of my site.

Here, at this page (ereach.net/addiction), you’ll see this section: https://screencast.com/t/UtUskJlOc0n

The red box indicates a lot of empty space I would like to remove. When I edit the page using Cornerstone, everything looks good as you’ll see in the following image when using the cornerstone editor: https://screencast.com/t/nzMzhZFmS

How can I get the live site to match the spacing from the Cornerstone editor?

Thanks!

[paul.r]

Hi,

Thanks for writing in!

There are lots of empty space because of the min height you have added to your sections.

See Video - https://www.screencast.com/t/22dTug2iRsxJ

Please remove the following Custom CSS

@media (min-width: 1100px) {
#x-section-5.x-section .x-container.marginless-columns .x-column.x-1-3 {
    min-height: 373px;
}
}
@media (min-width: 1500px) {
#x-section-5.x-section .x-container.marginless-columns .x-column.x-1-3 {
    min-height: 300px;
}
}

@media (min-width: 1025px) {
.x-section .x-container.marginless-columns .x-column {
   min-height: 260px; 
}
}

and use gaps elements instead.

Gap | Themeco Docs

If you want to make your columns equal heights, kindly refer to this link for your guide.

Thanks