How to arrange pictures correctly?

Question

css

Hello, I'm making a portfolio and I can't solve the problem. There is a layout:

I decided to do it with Flexbox, but the block with a small image takes up all the free height.

I set a fixed height, but it did not help.

Answer 1

flex will not.
Use https://masonry.desandro.com/ or something similar https://ruseller.com/lessons.php?rub=32&id=2197
or grid, see there already or support
https://medium.com/@ andybarefoot/a-masonry-style-l...
https://codepen.io/balazs_sziklai/pen/mOwoLg
although if it doesn't change often, it can be done with flex. Two vertical columns, and in them a div with two pictures, then one large and one smaller

Answer 2

Try to make the direction not in a row, but in columns
flex-direction: column