Цвет фона div, которые были изменены с помощью flexbox

Question

Может кто-нибудь предложить, как установить полный цвет фона для div, который выровнен с flexbox?

Вот как я его настроил:

.small-box {
    width: 26%;
    background-color: #282c34;
    overflow: auto;
}

.main-box {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 40px;
}

Вот как это выглядит:

Вот как это должно выглядеть:

Спасибо!

Answer 1

Удалить width: 26%;

.small-box {
  background-color: #282c34;
  overflow: auto;
  color: white;
  padding: 5px;
}

.main-box {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-bottom: 40px;
}

<div class="main-box">
  <div class="small-box">
    This is some test text. This is some test text. This is some test text. This is some test text. This is some test text.
  </div>
  <div class="small-box">
    This is some test text. This is some test text. This is some test text. This is some test text. This is some test text.
  </div>
  <div class="small-box">
    This is some test text. This is some test text. This is some test text. This is some test text. This is some test text.
  </div>
</div>