Встречается на собеседованиях • сегодня

Как поместить в div картинки разных размеров

Используй object-fit для управления отображением картинок внутри контейнера. Пример:

css
.container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

.container img {
width: 100%;
height: 200px;
object-fit: cover; /* или contain */
}

text

Ключевые моменты:
- `object-fit: cover` обрежет изображение, сохраняя пропорции
- `object-fit: contain` впишет целиком с пустыми областями
- Можно комбинировать с `object-position` для управления выравниванием
- Для сетки подойдёт CSS Grid или Flexbox с фиксированной высотой элементов

Альтернатива - использовать `background-image` с `background-size: cover/contain`.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы