На iphone 12 все замечательно отображается, в microsoft egde в режиме разработчика(f12) при переключении на отображение с телефона тоже все супер.
Так же ты можешь настроить индивидуально под проблемные модели смартфонов размер элементов на странице с помощью CSS:
/* Для экранов с шириной меньше 768 пикселей (например, мобильные устройства) */
@media (max-width: 767px) {
.product-card {
width: 100%; /* Занимает всю доступную ширину */
}
}