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

Как сделать чтобы картинка не выпирала за закругленные края div

Используй overflow: hidden для родительского div. Это обрежет все, что выходит за его границы, включая закругленные углы.

css

.rounded-box {
  border-radius: 12px;
  overflow: hidden;
}

Если нужно сохранить пропорции изображения, добавь:

css

.rounded-box img {
  width: 100%;
  height: auto;
  display: block;
}

Для случаев с фоновым изображением:

css

.rounded-box {
  border-radius: 12px;
  background-size: cover;
  background-position: center;
}

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы