Задать вопрос
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;
}
  • Вопрос задан
  • 124 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 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>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы