Responsive Grid with expanding height and maintaining order

Question

I have tried using flexbox, css grid and cannot seem to get the right solution. I am trying to do the following grid in pure css as defined by the boxes below. Each box can have