<link rel="import" href="../polymer/polymer.html">

<polymer-element name="5up">

  <template>
    <style>
      :host {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
      }
      div.pog {
        border: 1px solid rgb(204, 204, 204);
        padding: 10px;
        background-color: rgb(255, 255, 255);
      }
      div.row {
        display: block;
        height: 300px;
        width: 600px;
      }
    </style>
    <div id="photogrid" layout vertical center>
      <div id="row1" class="row" layout horizontal>
        <div id="photo_1" class="pog" flex></div>
        <div id="photo_2" class="pog" flex></div>
        <div id="photo_3" class="pog" flex></div>
      </div>
      <div id="row2" class="row" layout horizontal>
        <div id="photo_4" class="pog" flex></div>
        <div id="photo_5" class="pog" flex>
            </div>
      </div>
    </div>
  </template>

  <script>

    Polymer({

    });

  </script>

</polymer-element>