⚙️ Что такое свойство gap в CSS и зачем оно используется?
Свойство gap управляет расстоянием между элементами во flex- и grid-контейнерах.
Это современная замена margin для управления отступами между, а не вокруг элементов
➡️ Пример:
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>
<style>
.container {
display: flex;
gap: 16px;
}
.item {
padding: 10px;
background: #007bff;
color: white;
}
</style>
🗣 gap — чистый и предсказуемый способ управлять расстояниями в современных интерфейсах.
CodeBase | Frontend | #CSS
340 ·