@vcl/vcl/data-grid/demo/example.html

The whole VCL in one package

<div class="data-grid align-centered" role="grid" aria-readonly="true">
  <div class="d-g-row" role="row">
    <div class="d-g-cell d-g-v-align-middle" role="gridcell">left middle</div>
    <div class="d-g-cell" role="gridcell">top</div>
    <div class="d-g-cell" role="gridcell">
      <img class="responsive-image" src="https://picsum.photos/150/150">
    </div>
  </div>
  <div class="d-g-row" role="row">
    <div class="d-g-cell d-g-align-centered d-g-v-align-middle" role="gridcell">center middle</div>
    <div class="d-g-cell d-g-v-align-middle" role="gridcell">middle</div>
    <div class="d-g-cell d-g-align-centered" role="gridcell">
      <img class="responsive-image" src="https://picsum.photos/150/150">
    </div>
  </div>
  <div class="d-g-row" role="row">
    <div class="d-g-cell d-g-align-right d-g-v-align-middle" role="gridcell">right middle</div>
    <div class="d-g-cell d-g-v-align-bottom" role="gridcell">bottom</div>
    <div class="d-g-cell d-g-align-right" role="gridcell">
      <img class="responsive-image" src="https://picsum.photos/150/150">
    </div>
  </div>
</div>

<style type="text/css">
  .d-g-cell {
    border: 1px solid lightgray;
    margin: 2px;
  }
</style>