flexで子アイテムを中央寄せにする

flexboxを使ってこのような設定をするには

.bl_flex {
    width:100%;
    margin: 0 auto;
    padding: 0;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 2%;
｝

justify-contentをcenterにし、column-gapに適当なマージンスペースを与える。