vertically stretch child flex boxes for which main axis is horizontal

Question

I have flex boxes for which flex-direction is row and align-items is stretch. I also want these boxes to fit browser height and I set align-self to stretch for child boxes. But