How to move a block to another line through a media query using a flex box?

Question

css

There are 3 boxes that are laid out horizontally using flex-box with equal padding( display:flex; justify-content: space-around;), you need to wrap the last box to another line when the media query fires, without using flex-wrap:wrap , thanks in advance

Answer 1

Flex Order
Visual principle of operation