Нужно распределить пространство между блоками добавив туда маржу.. как это сделать с помощью функции calc или как то по другому, чтобы в ручную не высчитывать процентное соотношение margin, не используя no-wrap
<body>
<div class = "container">
<div class = "common first"> 1</div>
<div class = "common second"> 2</div>
<div class = "common third"> 3</div>
</div>
</body>
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
.container{
display: flex;
flex-wrap: wrap;
}
.common{
border: 2px solid tomato;
flex: 0 1 calc(33.33%-30px); КАЛК НЕ РАБОТАЕТ И ВСЕ ЛОМАЕТ КОГДА ОТНИМАЕШЬ 30px!!!!!!
margin-right: 30px;
}