Block grid alignment preview

Hi there,
im working on the block grid to display images.
I have added a personalized CSS in order to reduce image sizes as follow :
/*

  • === Image size ===
    */
    img {
    max-width: 90%;

I also added a customized CSS for padding :
/*

  • === Marges blocks grid ===
    */
    .x-block-grid>li {
    margin: 0% 0% 0 0 !important;
    }

but now, when i clik on an image an the preview is opened, all my images are left oriented et not centered / aligned …
Any idea how to solve it ?

thanks

Hi There,

Thank you for writing in, most likely it is because of your custom CSS

img {
max-width: 90%;
}

Please provide us the page URL so we can take a look on the issue.

Cheers!

Yes obvisouly ! many thanks and thank for the heads up

You are most welcome. :slight_smile: