raiszzz
@raiszzz
Занимаюсь версткой сайтов

Как адаптировать изображение CSS?

Подскажите, пожалуйста, есть див в котором находится изображение и див с текстом, как сделать, чтобы высота изображения автоматически подстраивалась под высоту второго дива с текстом? Ну и естественно, чтобы изображение не растягивалось только по высоте, но и по ширине подгонялось. Заранее спасибо
<div class="new">
			<img src="img/news.png" alt="news">
			<div class="right-new">
				<p>1 hour ago</p>
				<h3>New startup idea loremsu ipsumers
				<br>Lorem ipsum lorem them startuping</h3>
				<p>by <span>Kadir</span></p>
			</div>
		</div>

.new { margin-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
raiszzz
@raiszzz Автор вопроса
Занимаюсь версткой сайтов
align-items: stretch
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
По всей видимости вам подойдет свойство object-fit. Для старых браузеров понадобится полифилл, например этот.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы