Is it possible to align blocks without media queries?

Question

css

Hello. I'm interested in the following question:
If I have 2 blocks already aligned in width,
justify-content: space-between;
how can I make them in the middle when the screen is reduced? Moreover, the width is already set.
Is it possible to align blocks without media queries?
Here is a sample code = https://jsfiddle.net/70jkLqke/1/