Responsive box elements when browser window gets narrower with proper min max rules

Question

I am trying to align some box elements with the following design where each box element should have max-width:300px size in normal view.

And, when we start narrowing