Sheffugees: category tiles

HTML

<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.teal-green.min.css">
<div class="mdl-grid">

  <form action="#">
    <div class="mdl-textfield mdl-js-textfield">
      <input class="mdl-textfield__input" type="text" id="sample1">
      <label class="mdl-textfield__label" for="sample1">Your name</label>
    </div>
  </form>

</div>

SCSS

.mdl-grid {
    margin: 0 auto;
    max-width: 1200px;
    outline: 1px solid black;
}

.mdl-card-square {
  width: 100%;
  min-height: 300px;
  > .mdl-card__title {
      color: #fff;
      background: #46B6AC;
  }
}