4 блока на одной горизонтали разных цветов?

Question

[Rufix]

Как сделать вот такой блок? Пытался делать с помощь span'ов, запутался во флексе и не смог толком сделать:(
https://imgur.com/a/0i1EZI1

Answer 1

[Никита Егоров]

https://jsfiddle.net/Svupol/bfc69Led/6/
Не совсем понятно что именно не получается. Опишите подробней, подправлю

Comments

[Rufix]

Спасибо, все получилось.

[Никита Егоров]

Rufix, если ответ помог, пожалуйста отметьте решением

Answer 2

[ⓒⓢⓢ]

jsfiddle.net/4r8jtk0b

Comments

[Rufix]

Спасибо, все получилось.

Answer 3

[adam_carraway]

.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>

Comments

[Rufix]

Спасибо, все получилось.