Kapsayıcı div genişliği içerdeki divlerden daha geniş olduğu için flex ile bunu yapman zor olur.
Daha doğrusu ana div içesine gizli bir div oluşturup (400px) onu flex kapsayıcısı yaparsan flex ile yapabilirsin.

Ya da bunun için geliştirilmiş CSS Grid yapısını kullanabilirsin.İşlem daha kolay olur.

1

2

3



.kapsayici {
display: grid;
grid-gap : 20px 20px;
grid-template-columns: 100px 100px;
justify-content: center;
align-items: center;
width: 1200px;

}

.kapsayici div {
width: 200px;
background: red;
border: 1px solid #333;
}