<div class="e-grid e-grid-medium e-grid-wrap">
  <div class="e-cell e-cell-3 e-cell-medium">
    <e-card>
      <img slot='thumbnail' class="e-card__preview" src="https://place-hold.it/289x216/7a81be/ffffff&amp;text=289x216&amp;fontsize=23">
      <div slot='header-start'>
        Text goes here
      </div>
      <button slot='header-end' class="e-btn e-btn-onlyicon">
        <e-icon icon="more-horizontal"></e-icon>
      </button>
      <div slot='content'>
        John Doe
      </div>
      <button slot='actions' class="e-btn e-btn-onlyicon">
        <e-icon icon="edit"></e-icon>
      </button>
    </e-card>
  </div>
</div>

.e-grid.e-grid-medium.e-grid-wrap
  .e-cell.e-cell-3.e-cell-medium
    e-card
      img.e-card__preview(slot="thumbnail" src="https://place-hold.it/289x216/7a81be/ffffff&text=289x216&fontsize=23")
      div(slot="header-start")
        | Text goes here
      button.e-btn.e-btn-onlyicon(slot="header-end")
        e-icon(icon="more-horizontal")
      div(slot="content")
        | John Doe
      button.e-btn.e-btn-onlyicon(slot="actions")
        e-icon(icon="edit")