4 блока на одной горизонтали разных цветов?
https://jsfiddle.net/Svupol/bfc69Led/6/
Не совсем понятно что именно не получается. Опишите подробней, подправлю
.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>