Two columns of images in mobile view using CSS

Site URL: https://josieartstudio.com/

Hi,

I have a bunch of images loaded via code blocks. I want to avoid using the gallery block. Currently my mobile view is stacking images on top of each other in one column. I'd like my mobile view to show the images in two columns side by side. I've tried multiple solutions but haven't been able to figure it out.

Website is josieartstudio.com

🙂

On 8/7/2021 at 2:43 AM, dimperio said:

Site URL: https://josieartstudio.com/

Hi,

I have a bunch of images loaded via code blocks. I want to avoid using the gallery block. Currently my mobile view is stacking images on top of each other in one column. I'd like my mobile view to show the images in two columns side by side. I've tried multiple solutions but haven't been able to figure it out.

 

Website is josieartstudio.com

 

🙂

Hi, Add to Design > Custom CSS

/* Mobile code blocks 3 columns */
@media screen and (max-width:767px) {
div#page-60e498e199f50a4cd819f5e4 .span-4 {
    width: 33.333% !important;
    float: left !important;
}
}

2 columns is not possible