FIKSER
@FIKSER

Как сделать изображение адаптивным?

Хочу поставить их, как указанно на скриншоте:
spoiler
YSrSj9_EQnqbWZbfvNPq8A.png

Т.е уменьшить размер и поставить по правому краю, а также сделать адаптивными для мобильных версий.

Не могу подключить CSS к изображениям.
HTML:
spoiler
<div class="imgsoc">
					<a href="https://vk.com/"><img src="images\vk.png"/></a>
					<a href="https://www.instagram.com/"><img src="images\instagram.png"/></a>

				</div>

CSS:
spoiler
.imgsoc {
	max-width: 100%
	width: 80px;
	height: 80px;
}
  • Вопрос задан
  • 122 просмотра
Решения вопроса 2
Chefranov
@Chefranov
Новичок
.imgsoc a img {
  width: 80px;
  height: 80px;
}
Ответ написан
Комментировать
@likeh8r
Что значит
а также сделать адаптивными для мобильных версий.

spoiler
<style type="text/css">
	.imgsoc {
		max-width: 100%;
		text-align: right;
	}
	.imgsoc img{
		width: 80px;
		height: 80px;
	}
</style>
<div class="imgsoc">
    <a href="https://vk.com/"><img src="images/vk.png"/></a>
    <a href="https://www.instagram.com/"><img src="images/instagram.png"/></a>
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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