Column size and spacing

[aa2zz6]

When our website is opened on smaller devices the columns become long and width is really close. How can I set the width and height shown in the example below? When everything becomes long and small width the columns overlap.

[thai]

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

@media (min-width: 768px) and (max-width: 1024px){
    .home #x-section-2 .x-container {
        width: 95%;
        max-width: 100%;
    }
}

Hope it helps