Как подогнать изображение по ширине и высоте в загрузочной карте? ⇐ CSS

[Anonymous]

Я хочу указать ширину и высоту изображения (300 пикселей; 300 пикселей;) на карточке:

Код: Выделить всё

[img]/demo/img/1.jpeg[/img]

Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
[url=#]Go somewhere[/url]

Вывод уменьшился:


Если я удалю строку кода ниже, изображение будет таким длинным, но не уменьшится:

Код: Выделить всё

style="width:35rem;height:20rem;"

Я пробовал:

Код: Выделить всё

object-fit:cover;(Check all properties like fill, scale-down)

Также попробовал немного CSS:

Код: Выделить всё

.clsAutofit{
height:300px;
width:300px;
}
.clsImg{
max-width:100%;
max-height:100%;
}


[img]/demo/img/1.jpeg[/img]

Я также попробовал некоторые свойства:

Код: Выделить всё

img.one {
display: block;
object-fit: contain;
max-width:500px;
max-height:280px;
width: auto;
height: auto;
}

img.two {
object-fit: contain;
width: 535px;;
height: 535px;
}
.box {
width: 30%;
height: 200px;
border: 5px dashed #f7a239;
}
.containerTY {
width: 60%;
height: 500px;
}
.containerTYZ {
max-width: 100%;
}
.thumbnail {
width: 500px;
height: 400px;
}
.img4R {
width: 100%;
height: auto;
max-width: 50vw;
}

Я пытался, но пока не смог.
Любая идея или предложение будет приветствоваться.

Подробнее здесь: https://stackoverflow.com/questions/634 ... strap-card