/* This way uses display:grid */
.flex_grid {
  display: grid;
  /*grid-template-columns: 1fr 1fr; */
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-auto-flow: row;
  gap:1rem;
}
.committee_person,
.flex_grid_cell {
  padding: 1rem;
}


/* This way uses display:flex */
.flex_blocks {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: start;
  align-items: baseline;
  justify-content: flex-start;
}

.flex_blocks_cell {
  flex: 0 0 auto;
  margin: 1em;
}


/* Tweaks for the Textual data products list */
.flex_blocks.data_products_list {
	max-height:1300px;  /* Remove magic number! */
}
.flex_blocks.data_products_list ul {
	font-size:80%;
	padding-left:inherit;
}
.flex_blocks.data_products_list .flex_blocks_cell {
	margin:0 1em 0 0;
}
.flex_blocks.data_products_list .flex_blocks_cell ul li {
    padding: 0;
    margin-left: 1.2em;
    margin-bottom: 0;
    line-height: normal;
}