Стили изображений

[igorek-art 35]

Всем привет! Решил вспомнить, как это сайты ковырять после длительного отдыха)) И тут некоторые моменты прям в ступор впал)) Подскажите советом как это сделать?? Суть следующая, например, сделал градом вывод в ряд 4 квадратов предположим типа такого

<div class="grid">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

Я хочу в эти квадраты вставить изображения, изображения разные по размеру прямоугольники.. И чтоб эта картинка красиво заполняла место квадрата немного обрезая лишнее от картинки.. Получилось только сделать так, если изображения вставлены бэкграундом для DIV тогда проблем нет, но вот если я хочу вставить картинки не фоном, а именно картинкой типа так

<div class="grid">
  <div><img></div>
  <div><img></div>
  <div><img></div>
  <div><img></div>
</div>

То ровным счетом ничего не получается. Либо изображения прямоугольные или растягивают страницы, вообщем засада какая то.. Не хочу картинки делать фоном так как уже всякие стили фиг прикрутишь при наведении на картинку...

[redissx 258]

img {display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover;}

[igorek-art 35]

08.04.2025 в 07:44, redissx сказал:

img {display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover;}

Спасибо огромное! Это именно то, что и пытался сделать!!!!!