Как сделать так чтобы display: table-cell был адаптивным

При отсутствии (на данный момент) кода в вопросе можно ответить только так:

Чтобы сохранялась адаптивность при использовании display: table-cell , у родительского элемента должен стоять display: table.

Потратьте время на изучение "display: flexbox" и вы будете удивлены его возможностями :)

<div class="container">
    <div>Div 1</div>
    <div>Div 2</div>
</div>

.container {
 border: 2px solid #ffffff;
 padding: 20px;
 display: flex;
 }
.container > div {
  border: 1px solid black;
  background: #ececec;
  padding: 10px;
  margin-left: 10px;
  flex: 1;
}