Make div look like a grid?

Question

css

Hello. I just can not decide how to make a block with information in the cells. There will be 3 blocks. In each dark square, I want to place text. Of course, you can use a gallery script in the same style, but it is already in use. Is it possible to do something in css? So that this grid can be scaled.
ps now I see only a rough option - to make these blocks in an absolute position and for each widht 50%, since if you make position relative, float:left,right, then when scaling they will start to run into each other, because of which one will go under another.

Answer 1

Use flexbox

Answer 2

why would they come? parent is position relative, width 100%, they are also position relative, width 33% (if there are three pieces) + float.

Answer 3

isotope.metafizzy.co
masonry.desandro.com

Answer 4

Alternatively, use multiple blocks