flex wyśrodkowanie wszystkich divów w rodzicu

pytanie zadane 12 października 2017 w HTML i CSS przez niezalogowany

Szanowni Forumowicze, czy jest szansa za pomocą flexa wyśrodkować od góry, dołu, w lewo i w prawo wszystkich divów pon, wt, sr, czw, piat w głownym divie harmonogram-tydzie tak aby było wszystko równe. Głowie się z tym, próbuje z margin, padding ale i tak później np ostatni div ma za mały odstęp niż inne.

<body>

        <div class="content-harmonogram">

            <h1>HARMONOGRAM</h1>

            <div class="harmonogram-tydzie">
                <div class="pon"></div>
                <div class="wt"></div>
                <div class="sr"></div>
                <div class="czw"></div>
                <div class="piat"></div>
            </div>

        </div>

    </body>

*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: white
    font-family: 'Open Sans', sans-serif;
}

.content-harmonogram
{
    height:100vh;
    background-color:#eeeeee;
}

h1
{
    text-align:center;
}

.harmonogram-tydzie
{
    flex-direction: column;
    
   
    height:700px;
    width:1600px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
        
}

.pon
{
    height:10%;
    width:1500px;
    background-color:green;
    margin-bottom:5px;
    
        
}

.wt
{
    height:10%;
    width:1500px;
    background-color:green;
    
}

.sr
{
    
}

.czw
{
    
}

.piat
{
    
}

Chodzi mi o zielone divy aby były równo ułożone kolejno po sobie w divie harmonogram-tydzie.