How to create a panel of 4 blocks that, when the screen is reduced, add up to two rows?

Question

css

Hello, friends. What is the best way to do this? You need to create 4 blocks, let's say 200px x 150px and place them side by side in a line horizontally, when the screen is reduced, they are combined into two lines of two blocks each. How would you implement? without flex.

Answer 1

inline-block
This info is googled in 2 minutes. It's "how to light a match?".
I do not want to offend, but with this approach (asking the base for css on the toaster) you will never learn anything. Read a book on css. One. Any one that has the most beautiful cover in your opinion. That will be a shift and growth. And now... flex here what side?