Fake CSS Table

HTML

<div class="table">
    <div class="table__row">
        <div class="table__cell">Col 1.1</div>
        <div class="table__cell">Col 2.1</div>
        <div class="table__cell">Col 3.1</div>
    </div>
    <div class="table__row">
        <div class="table__cell">Col 1.2</div>
        <div class="table__cell">Col 2.2</div>
        <div class="table__cell">Col 3.2</div>
    </div>
    <div class="table__row">
        <div class="table__cell">Col 1.3</div>
        <div class="table__cell">Col 2.3</div>
        <div class="table__cell">Col 3.3</div>
    </div>
</div>

SCSS

.table {
  display:table;
  width:100%;
  table-layout:fixed;
  
  border: #000 solid 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  
  &__row {
    display:table-row;
  }
  
  &__cell {
    display:table-cell;
    text-align:center;

    padding: 10px;
    border: #000 solid 0px;
    border-top-width: 1px;
    border-left-width: 1px;
  }
}