Собственно нужно сделать 2 адаптивные таблицы как на картинке.
Пытаюсь сделать таким образом, но растянуть всё равно не получается и с бордером беда:
.table {
display: table;
float: left;
}
.table-row {
display: table-row;
}
.table-cel {
display: table-cell;
padding: 10px;
border: 1px solid #000;
}
<div class="table">
<div class="table-row">
<div class="table-cel">1</div>
<div class="table-cel">2</div>
<div class="table-cel">3</div>
</div>
<div class="table-row">
<div class="table-cel">1</div>
<div class="table-cel">2</div>
<div class="table-cel">3</div>
</div>
<div class="table-row">
<div class="table-cel">1</div>
<div class="table-cel">2</div>
<div class="table-cel">3</div>
</div>
</div>
.table { float: left; }
?