Для колонки с товарами нужны картинки одинаковых значений?

Question

[Дмитрий Анисимов]

У меня есть колонка с товарами код снизу.
Мне бы хотелось узнать чтобы все картинки не расзнисиль по высоте.
Нужно чтобы изначально картинка была одинаковыми по сравнению с другими.
В плане пикселей.

<div class="wrap">
<div class="colum">
<div class="col">
<Img src="">
</div>
</div>
</div>

.wrap {
max- width:1200px;
margin:auto;
}
.colum {
width:100%;
font-size:0px;
}
.col{
display: inline-block;
Width:15%;
margin-left:1%;
margin-top:20px;
font-size:20px;
}
.col img {
width:100%;
height:auto;
}

Comments

[Ankhena]

Попробуйте прочитать свой вопрос и переписать его заново.

Из того, что я могу предположить:
Блоки .col одинаковой ширины (У вас странной ширины, 6 блоков в сумме дают 96% родительской ширины, правый отступ еще 1%. Остается лишних 3%. Ну да ладно, может вам так нравится).
Чтобы картинки были одинаковой высоты, нужно, чтобы .col были одинаковой высоты. Для этого составляете пропорцию https://jsfiddle.net/Ankhena/cLhxv7eq/
После этого картинкам:
- задаете абсолют и обрезаете через overflow родителя
- используете clip-path
- меняете img на фон

И переходите на флексы.

Answer 1

[igumenov]

.col img {
width:100%;
height: 200px;
object-fit: cover;
}