<div class="order">
  <div class="order__item order__item-number">Номер заказа</div>
  <div class="order__item order__item-sum">Сумма</div>
  <div class="order__item order__item-status">Статус заказа</div>
  <div class="order__item order__item-transport">Транспортная компания</div>
  <div class="order__item order__item-description">Описание заказа</div>
  <div class="order__item order__item-buttons">Кнопки</div>
</div>
/* desktop */

.order {
  display: grid;
  grid-template-columns: 1fr 1fr; /* two columns */
}

.order__item {
  border: 1px solid black;
  padding: 10px;
}

/* first column */
.order__item-number,
.order__item-sum {
  grid-column: 1;
  background-color: #f2f2f2;
}

/* two column */
.order__item-status,
.order__item-transport,
.order__item-description,
.order__item-buttons {
  grid-column: 2;
  background-color: #e6e6e6;
}

/* modile */

@media (max-width: 768px) {
  .order__item-description {
    grid-column: 1 / span 2; /* span two columns */
    background-color: #d4d4d4;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.