Почему картинки не соответствуют заявленной ширине и высоте, которые указаны в теге img?

Question

[Максим Иванов]

код (оставил ссылку на codepen так как через "+ > codepen" не работает)
Скриншот проблемы

Я приложил скриншот на котором видно, что в html я указал для картинки width:440px;, но в итоге она 373px.
Такая проблема со всеми картинками и я уже 3 часа не могу понять в чём проблема и как всё сделать так чтобы размер картинок был такой же какой указан в html?
Буду благодарен за решение проблемы.

Answer 1

[Ankhena]

Потому что в ваш код залез барабашка и написал там

.offering__gallery-img img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;}

Comments

[Максим Иванов]

Спасибо, решил))
+ родителя подправил:

grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); > grid-template-columns: repeat(auto-fit, minmax(340px, 700px));

[Ankhena]

Максим Иванов, кажется, вам нужно определиться минимально 340 (от грида) или 440 (от картинки)

Answer 2

[FeST1VaL]

ну так как она может быть 440px если у вас колонка меньше по ширине

1160 / 3 = 386,6666666666667‬ - GAP 20px