[typngeek]

I have been trying to have two gallery links per row in the work page, while still maintaining the responsiveness of the page. Using the grid page, I have tried to implement the div class “col-md-6” to two of the gallery links inside another div class “row”, but by only putting two gallery links in a row, they are left-aligned.

See here: https://aandfentertainment.com/work.html

I have been trying to mess with the CSS, and checking all my code, but I do not know what to do at this point. I tried to remove the “masonry-item” class on each box, but by doing so, the gallery links get larger, while I want them to remain the same size, but centered.

Thanks in advance for the help.

[serkan]

Hi,
You can use this custom css code ;

@media screen and (min-width: 1200px) { .gallery-grid .masonry-item { width: 50%; } }

Thanks