Как сделать 3 колонки?

Question

[Quiterio]

Привет! Помогите сделать вместо 2 колонок - 3. Что не перепробовал - не получается( руки из плохого места )

хтмл

<div class="row menus">
              <div class="col item">
                <div class="main__content-menu-block_item">
                  <div class="main__content-menu-block_item-img">
                    <img src="img/1.jpg" class="img-responsive" alt="" />
                  </div>
                  <h4 class="main__content-menu-block_item-title">
                    <span>ТЕКСТ</span>

                    ТЕКСТ
                  </h4>
                </div>
              </div>
              <div class="col">
                <div class="main__content-menu-block_item">
                  <div class="main__content-menu-block_item-img">
                    <img src="img/2.jpg" class="img-responsive" alt="" />
                  </div>
                  <h4 class="main__content-menu-block_item-title">
                    <span>ТЕКСТ</span>

                    ТЕКСТ
                  </h4>
                </div>
              </div>
              <div class="col">
                <div class="main__content-menu-block_item">
                  <div class="main__content-menu-block_item-img">
                    <img src="img/4.jpg" class="img-responsive" alt="" />
                  </div>
                  <h4 class="main__content-menu-block_item-title">
                    <span>ТЕКСТ</span>

                    ТЕКСТ
                  </h4>
                </div>
              </div>

цсс

.main__content-menu-block .row {
    -webkit-box-pack: center;
    justify-content: center;
}

Answer 1

[Максим]

.row{ display: flex;}

Comments

[Quiterio]

Ничего не изменилось :с

[Максим]

Quiterio, https://codepen.io/topicstarter/pen/oKbVEg