0

Всем привет, есть верстка, пытаюсь менять размер изображения по ширине, но либо изображение очень тонкое, либо текст налезает на изображение. Что делать? Заранее спасибо.

.description-container{
	width: 75%;
	display: flex;
}
.img-block{
	display: flex;
	flex-direction: column;
}
.img-ud{
	display: flex;
	margin-left: 20px;
}
.img-ud img{
	padding: 5px;
}
<div class="description-container">
        <div class="img-block">
            <div class="img-ud">
                <img src="http://i5.otzovik.com/2016/02/20/2999864/img/22859706.jpeg" alt="">
                <img src="http://i5.otzovik.com/2016/02/20/2999864/img/22859706.jpeg" alt="">
            </div>
            <div class="img-ud">
                <img src="http://i5.otzovik.com/2016/02/20/2999864/img/22859706.jpeg" alt="">
                <img src="http://i5.otzovik.com/2016/02/20/2999864/img/22859706.jpeg" alt="">
            </div>
        </div>
        <div class="desc-block">
            <div class="contact">
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam laudantium adipisci placeat maiores, beatae cupiditate ut quidem voluptates asperiores tempora saepe dolorum fugiat aspernatur quo, recusandae quibusdam doloremque, hic dignissimos!</a>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias laborum similique rem autem sed minima excepturi? Voluptas quis sapiente quos nihil culpa officia esse tenetur, eaque ipsam vel quaerat suscipit.</a>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt distinctio at a sit commodi quasi provident laudantium fugit voluptates eos, repellendus, magnam inventore accusantium ratione dolor iusto ipsum doloremque nemo.</a>
            </div>
        </div>
        <div class="map"></div>
    </div>

2

2 ответа 2

1

Чтобы нормально поменять размер изображения без искажения попробуй прописать аргумент widht="" в теге img, а в кавычках задай размер. Например: img src="" width="150"

1
  • не вариант, т.к. не очень получается, попробуй сам 2 авг 2018 в 19:55
0

Изображению в CSS, прописываешь: width:нужное тебе количество пикселей; height:нужное тебе количество пикселей;

1
  • а как же адаптация? или для каждого пикселя делать media запрос? 2 авг 2018 в 19:28

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.