.f-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 8px;
  row-gap: 8px;
}
.f-info-grid--reverse .f-info-grid-item {
  flex-direction: column-reverse;
}
.f-info-grid--list {
  grid-template-columns: 1fr;
}
.f-info-grid--list .f-info-grid-item {
  flex-direction: row;
}
.f-info-grid--list .f-info-grid-item .f-info-grid-item__value {
  flex: 1;
  justify-content: flex-end;
}