three column custom html on mobile

[Fabian_weldon]

I have a section on my homepage that consists of four custom html images in a row as seen here:

However when I view this on mobile it goes into one column like this:

I would like it to be in two columns however so it is a 2x2 square.

thank you for any advice in advance

[KetanKumar · Accepted solution]

@Fabian_weldon 

Thanks for post 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 590px) {
#shopify-section-16110049402d1783e9 .one-quarter {
    width: 50%;
}
}

[Fabian_weldon]

thank you so much that worked perfectly

[KetanKumar]

@Fabian_weldon 

it's my pleasure to help us