How to align product photo on category page?

Question

css

Theme: Storefront
On the category page, for example - mextra.segmenti.lv/categorii/diamond-discs/,
Products on different screen sizes are displayed correctly (width 768px):



and not (width 767px):



It seems that this indentation is set by the theme:



What to do to everywhere displayed in the center?

Answer 1

Good evening. Try setting img margin: 0 auto;

img {
   margin: 0 auto;
}

Or for the parent li class to do this:

li {
        display:flex;
        justify-content: center;
        align-items:center;
    }