Aligning to the bottom in flexbox

Question

I\'m have containers that should change height dynamically depending on the content. For all containers in a given row, the bottom text should all be fixed to the bottom re

Answer 1

If you change your .caption code to:

.caption {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

and then add:

.flex-item {
  display: flex;
  flex-direction: column;
}