How to create a two-column layout in Polymer 1.0?

Question

How to create a two-column layout in Polymer 1.0?

Answer 1

Mark the iron-flexible layout .

You just need to identify horizontally located divand then use flexto decide how many parts you want for each interior div.

  <div class="horizontal layout" style="height:100%">
    <div class="flex-1">
      Left column
    </div>
    <div class="flex-4">
      Right column
    </div>
  </div>

See a live example here .