courtneynowlin

Hi @tuanphan I just found this thread while researching how to make my masonry gallery appear as 3 rows on mobile. I implemented this code, and this is the closest I've gotten to achieving the look I am going for. However, there is still a large vertical gap between the horizontal and vertical images. I am also thinking that the images in the left and right columns are being cut off. I have attached a screenshot below. I would appreciate your help if you are willing! Here is the link to the website: https://www.bucketagency.com/our-work/columbia-regional-airport PW: demo And the code I applied @media @mobile { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(3,1fr) !important; grid-column-gap: 10px; grid-row-gap: 10px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: 100% !important; } }