I have a row-direction flexbox nested in a column-direction flexbox, but when I want to use align-content in the child, it doesn't work.
When I replace display:flex of the parent by a display:block, it works.
In the code below, we can see that .rowalign-content: flex-end; doesn't work. But if I replace the .columndisplay: flex; with display: block;, the align-content: flex-end; works.
Is it possible to fix this, please?
body { background-color: grey;}.column { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; background-color: green;}.row { display: flex; flex-flow: row wrap; justify-content: space-around; align-content: flex-end; align-items: center; background-color: red;}.row-test { min-height: 200px;}span { width: 30%; background-color: orange;}<body class="column"><section class="row row-test"><span>Test Test Test Test Test Test Test Test Test</span><span>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</span></section></body>