main {
  max-width: 35rem; /* 960px */
}

dl {
  display: inline-flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;      /* set the container width*/
  overflow: visible;
}

dt {
  flex: 0 0 25%;
  text-overflow: ellipsis;
  overflow: hidden;
}

dd {
  flex:0 0 75%;
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}