How to stretch blocks to the full width of the container?

Question

css

Greetings!
There are blocks (figures) that are on the same line and pressed close to each other, their number can be any, the goal is to fill / stretch them across the entire width of the container.
How can this be done, please?
I'm using Bootstrap 4, but you can use pure css as well.

Answer 1

Set the container to be a flex container and each item inside flex-grow: 1