How can you correctly solve the issue of adaptability of this block?

Question

css

Attached an image above. This picture is a block, which, in theory, should contain 64x64 pixel pictures (ripe characters) inside each slot. Adaptability problem.
How can I make the layout so that when the resolution decreases / increases, the slots are located taking into account the screen resolution (either width or height is extended)

Answer 1

flexbox ?

Answer 2

jsfiddle.net/QW01_01/jc258q6p
Although I probably did not understand the question