Какой код в css нужно написать, что бы новая вставленная картинка не выходила за пределы блока, т.е что бы не сломала сайт?

Question

[Даня Дубрин]

Допустим я взял картинку из макета, вставил ее туда, все хорошо. Но как сделать так, что б новая картинка вставленная вместо старой, не сломала всю весрстку, что б не выходила за пределы блока?

Answer 1

[Vladislav]

Блоку самому задай ovevrflow: hidden картинке width:100% height:100% object-fit:cover

Comments

[Даня Дубрин]

Спасибо большое (: