GooDLike, я нашел проблему почему не становится в ряд,
проблема в контейнере.

убераю параметр flex-direction: column; и блоки становятся в ряд, но блоки выходят за рамки сайта

 .content {

 margin:1px;

 border:3px solid #EEEEEE;

 background: #FFFFFF;

 margin-left:5px;

 word-wrap: break-word; 

  width: 900px;

     flex-direction: column;

     order: 0;

     order: 1;

     flex: 1 1.auto;

 

 }

155876556, у тебя flex-direction: row; должно быть

GooDLike,ОН есть

.content-wrapper, .container, .content, .footer {

     display: -webkit-flex;

     display: -moz-flex;

     display: -ms-flex;

     display: -o-flex;

     display: flex;

     flex-direction: row;

 }