Как задать картинке свой размер?

Question

[Alekosh Akhosh]

Доброй ночи!

как ограничить картинку под свой размер? у картинки по 48х48 пиксели, но он захватывает полностью свой блок.

.items {
display: flex;
flex-wrap: wrap;
}

.item {
display: flex;
width: 33.3333%;
margin-bottom: 33px;
}

.item img {
margin-right: 16px;
max-width: 100%;
}

<div class="items">
  <div class="item">
     <img src="/img/item.png" alt="картинка">
       <div class="item-text">
        <h4 class="title">Бетон</h4>
        <p class="description">Поставки бетона точно планируются, а его состояние контролируется, что обеспечивает максимально возможное время для установки.</p>
    </div>
  </div>
</div>

Comments

[Alekosh Akhosh]

возможна причина от контейнера, указан max-width: 100%

Answer 1

[Иван Кулаков]

.item img { width: 48px; height: 48px; }
Или я чего-то не понимаю)

Comments

[Alekosh Akhosh]

Да, так тоже работает. Но до этого было без указа по 48х48

Answer 2

[Froggyweb]

.item img {align-self: flex-start;}