.readings-table {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
}

@media all and (max-width: 680px) {
  .readings-table {
    display: block;
    grid-template-columns: 200px minmax(0, 1fr);
  }

  .readings-table > span {
    display: block;
  }

  .readings-table > span:nth-child(2n + 1) {
    font-weight: bold;
    margin-top: 1rem;
  }
}