Для достижения прилипания флекс-элементов друг к другу вам может понадобиться использовать свойство justify-content вместе со значением space-between.
Свойство justify-content определяет как флекс-элементы распределяются вдоль оси главного контейнера, а значение space-between распределяет пространство между элементами равномерно, что делает эти элементы "прилипающими".
Пример кода на HTML и CSS:
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
justify-content: space-between;
}
.box {
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
В этом примере мы создаем контейнер с классом .container, который использует display: flex для превращения дочерних элементов в флекс-элементы. Затем мы используем justify-content: space-between, чтобы прижать флекс-элементы друг к другу равномерно, оставляя пространство между ними.
Дочерние элементы .box имеют ширину и высоту 100 пикселей, фоновый цвет красный и правый отступ 10 пикселей, чтобы создать пространство между ними.
Таким образом, флекс-элементы будут "прилипать" друг к другу и равномерно распределяться вдоль оси основного контейнера.