_table.scss

.table {
  --table-border: 2px solid #d0d0d0;

	display: flex;
  flex-direction: column;
  border-collapse: collapse;
  margin: 0;
  font-size: 20px;
  line-height: 36px;
}

.table__row {
  border-bottom: var(--table-border);
  padding: 12px 0;
}

.table__term {
	display: inline-block;
  &::after { content: ':'; }
}

.table__description {
  display: inline-block;
  font-weight: bold;
  margin: 0
}

@include breakpoint {

  .table {
    display: table;
    width: 100%;
  }

  .table__row {
    display: table-row;
    padding: 0;
  
    /* Убираем лишнюю границу */
    &:last-child { border-bottom: none }
  }

  .table__term {
    display: table-cell;
    border-right: var(--table-border);
    padding: 12px 12px 12px 0;
  }

  .table__description {
    display: table-cell;
    padding: 12px;
  }
}