Css grid , media query

what property in media query would make a third box in the same row go to the next row when viewed on the tablet screen?
there should be no bootstrap frame in the code

this seems an assignment question or something like that, so what do you think could be the answer?

I’ve tried all I could but didn’t get the expected result.

@Emerald_24 try using flex and set flex-wrap to wrap