Is there a way for css flex to align multi-div center to the left?

I am working on a page recently. I want to use flex, but I can"t seem to align multiple blocks to the left center.

if the following is not filled, the following will be centered.
but I want him to align to the left if it is not filled.

can this flex do that?

Let me show you my source code
https://codepen.io/AndyTsai/p.

Mar.25,2021

you can fill in a fake div in the second line and set the visible to false

justify-content: flex-start;. Mainly do not understand the meaning of multi-block left center.

if you can, try the Grid layout

display: grid;
grid-template-columns: repeat(3, 220px);
justify-content: center;

Previous: How do you achieve a particle effect like this?

Next: Position:fixed an element that overflows from the screen, how do you display content outside the screen?