Answers for "flex height full"

flexbox stretch height

.flex-2 {
    display: flex;  
    align-items: stretch;
}

flex one whole width

.flexContainer {
  display: flex;
  flex-wrap: wrap;
}

.item:first-child {
  flex: 1 1 100%;
  height: 100vh;
  width: 300px;
  margin-bottom: 20px;
}

.item {
  flex: 1 1 40%;
  height: 50px;
  background-color: red;
  margin: 0 20px;
}

how to stretch height flexbox row

/* on child items add */

height: 1fr;