<div class="container">
<div class="item">
<img src="https://habrastorage.org/webt/67/b0/89/67b089cf5988d118774526.png" alt="Пиво">
<p>Пиво</p>
</div>
<div class="item">
<img src="https://habrastorage.org/webt/67/b0/89/67b089cf5988d118774526.png" alt="Пивные напитки">
<p>Пивные напитки</p>
</div>
<div class="item">
<img src="https://habrastorage.org/webt/67/b0/89/67b089cf5988d118774526.png" alt="Сидр">
<p>Сидр</p>
</div>
<div class="item">
<img src="https://habrastorage.org/webt/67/b0/89/67b089cf5988d118774526.png" alt="Квас">
<p>Квас</p>
</div>
<div class="item">
<img src="https://habrastorage.org/webt/67/b0/89/67b089cf5988d118774526.png" alt="Лимонад">
<p>Лимонад</p>
</div>
</div>.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
}
.item {
width: 30%;
text-align: center;
}
.item img {
width: 100px;
height: auto;
display: block;
margin: 0 auto;
}
.item p {
margin-top: 10px;
}