mipfikus
@mipfikus
Вообще я не знаю, но

Как выровнять фото товара на странице категорий?

Тема: Storefront
На странице категорий, например - mextra.segmenti.lv/categorii/алмазные-диски/,
Товары на разных размерах экрана выводится коректно (ширина 768px):

5edb88703ee0b551606555.png

и нет (ширина 767px):

5edb8880be69e809529185.png

Кажется этот отступ задаёт тема:

5edb88f8252cf799632436.png

Что делать чтобы везде выводилось по центру?
  • Вопрос задан
  • 100 просмотров
Решения вопроса 2
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
У вас ошибка в коде:

.product {
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between; /*  align-items не имеет параметра space-between */
}

Замените align-items: space-between; на align-items: center;

.product {
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
Ответ написан
staik
@staik
Front-end developer
Добрый вечер. Попробуйте задать img margin: 0 auto;

img {
   margin: 0 auto;
}


Либо родительскому классу li сделать так:
li {
        display:flex;
        justify-content: center;
        align-items:center;
    }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы