designer

designer.html

<link rel="import" href="../paper-button/paper-button.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 80%;
        height: 100%;
        box-sizing: border-box;
        left: 10%;
      }
      paper-button {
        background-color: white;
      }
      .button {
        display: inline-block;
        width: 10em;
        font-size: 20px;
      }
      .button:not(:last-child) {
        margin-right: 1em;
      }
      #title {
        width: 60%;
        margin-right: 10%;
        line-height: 3;
        display: inline-block;
        font-size: 60px;
      }
      #img {
        left: 460px;
        top: 50px;
        position: absolute;
        font-size: 60px;
      }
      .row {
        display: block;
      }
      .center {
        text-align: center;
      }
      #div {
        width: 400px;
      }
    </style>
    <div id="div1" class="row center">
      <div id="div" class="row">
        <p id="title" start>Fødselsdag</p>
        <img src="https://placeholdit.imgix.net/~text?txtsize=19&txt=Person&w=200&h=200" width="200" height="200" naturalwidth="200" naturalheight="200" complete currentsrc="https://placeholdit.imgix.net/~text?txtsize=19&txt=Person&w=200&h=200" hspace="0" vspace="0" x="460" y="50" id="img"></img>
      </div>
    </div>
    <hr style="width: 90%;"></hr>
    <divc class="row center">
      <div class="row">
        <paper-button raised id="button-wishlist" class="button" center>Ønskelist</paper-button>
        <paper-button raised id="button-submit" class="button" center>Tilmeld</paper-button>
      </div>
    </divc>
  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>