Issue with Row and column in layout

 I tried creating 2 views and inserting a column in between them. This still make the views appear in 2 rows . Could someone help on this.

The auto generated max and min width always shows 932px. 

@media all and (max-width: 932px) {
  .col-2_11-12 {
    width: auto;
    float: none !important;
    clear: both;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .col-2_1-12 {
    width: auto;
    float: none !important;
    clear: both;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}