justify-content: space-between;
.content {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0px 50px;
color: #fff;
}
.item {
text-align: center;
width: 100%;
padding: 50px 0px;
}
.g {
background: green;
}
.b {
background: blue;
}
.r {
background: rebeccapurple;
}
.o {
background: orange;
}
<div class="content">
<div class="item g">Контент</div>
<div class="item b">Контент</div>
<div class="item r">Контент</div>
<div class="item o">Контент</div>
</div>