Какие есть лучшие практики верстки изображения в карточке товара?

Работаю над темой woocommerce, в дальнейшем думаю о продаже темы.

Встал вопрос, как реализовать лучше карточку товара, а именно изображение в ней.

Либо сделать div с background в виде изображения товара, или сделать его картинкой img.

Как задать размеры изображения чтобы сетка не скакала?
Либо сделать допустим квадратное изображение, а пользователи будут самостоятельно кадрировать фото в фотошопе. (наверно сложно)

Нужен совет как реализовать это с точки зрения удобства и чтобы хорошо смотрелось.
  • Вопрос задан
  • 135 просмотров
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
Используй элемент picture в него можно вставлять заранее подготовленные изображения под разные экраны. Так же есть замечательное свойство css object-fit: cover, оба варианта легко гуглятся с примерами использования.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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