Создание блока с нуля помощь

Question

Здравствуйте хотел спросить, как создать такой блок на html и css, чтобы картинка была в теге img, а не как background в css. За ранее спасибо

Answer 1

Нужно картинку поместить в блочный элемент (например div)
Установить блочному элементу ширину и высоту
Установить картинке ширину и высоту равными 100%, и задать ему радиус границы.

Можете попробовать что-то наподобие этого:

div {
  height: 100%;
  width: 100%;
}

img {
  height: 100%;
  width: 100%;
  border-radius: 8px;
}

<div>
  <img src="https://i.stack.imgur.com/DyIAu.png"/>
</div>