How to make such a list of product cards on flex?

Question

css

How to do this on flex ?

Answer 1

Try like this

Answer 2

something like this!

<style>
.parent {
display: flex;
flex-direction: column;
}
.child:first-of-type{
height: 100%
}

</style>
<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

Answer 3

Here is the block .banners
What you need.