Center portfolio items without padding

Shapely
1

Hi there,
you helped me to center the portfolio items, but this doesn’t work for mobile.

You suggested this:
.container > .row.fadeIn.masonry.masonryFlyIn {
left: 12%;
position: relative;
}

Can I center the items relative to their position without a “padding” or a manual postion change like you suggested with “left: 12%” ?

Thank you

2

hey there

You can use different rules for different screen sizes:

@media only screen and (max-width: 768px) {
.container > .row.fadeIn.masonry.masonryFlyIn {
left: 12%;
position: relative;
}
}