flexbox-2-columns.html

<!-- Basic two column layout -->
<div style="display: flex; flex-flow: row">
  <div style="width: 50%">
    Content of column one
  </div>
  <div style="width: 50%">
    Content of column one
  </div>
</div>

<!-- The relative widths of the columns can be adjusted -->
<div style="display: flex; flex-flow: row">
  <div style="width: 70%">
    Content of column one
  </div>
  <div style="width: 30%">
    Content of column two
  </div>
</div>


<!-- Additional columns can also be added -->
<div style="display: flex; flex-flow: row">
  <div style="width: 33.33%">
    Content of column one
  </div>
  <div style="width: 33.33%">
    Content of column two
  </div>
  <div style="width: 33.33%">
    Content of column three
  </div>
</div>