Centre / align Masonry on page

Hi there,

On https://www.arnoldvanouwerkerk.nl I have set the homepage temporarily to https://www.arnoldvanouwerkerk.nl/architectuur-woningen

Q1
I have used this code in Custom CSS to align the masonry.
On a laptop screen, it is fine, on mobile screens/width, it isn’t aligned anymore.
The Masonry touches the left screen border.

Code to align:
#top .container .av-masonry.av-large-gap {
left: -35px;
}

Do you have a suggestion?

Q2
I would like to narrow the width of the text underneath the Masonry, so when reducing the screen size/go responsive to various sizes, it will align and not go beyond the right side of the Masonry.
Is this possible?
https://www.arnoldvanouwerkerk.nl/architectuur-woningen/
Managed to do this with a 50pix border on the right of the column.

• This topic was modified 3 years, 5 months ago by Henningcircle.