.parent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    padding:  30px 10px 30px 10px;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;

}

.title {
        flex: 4 0 auto;
        width: 100%;

}

.child {
    display: flex;
    min-width: 300px;
    max-width: auto;
    margin: 20px;
    border-radius: 25px;
    Justify-content: center;
    align-items: center;
    padding: 10px;

}

.child-1 {
    background-color: #DC64A4;
    flex: 2 0 auto;
    min-height: 50px;

}
.child-2 {
    background-color: #9D9185;
    flex: 1 0 auto;
    min-height: 400px;

}
.child-3 {
    background-color: #586AF7;
    flex: 1 0 auto;
    min-height: 50px;

}
.child-4 {
    background-color: #ff0653;
    flex: 1 0 auto;
    min-height: 70px;

}

.child-5 {
    background-color: #DC6720;
    flex: 2 0 auto;
    min-height: 300px;

}
.child-6 {
    background-color: #9D9781;
    flex: 3 0 auto;
    min-height: 100px;

}
.child-7 {
    background-color: #FFF000;
    flex: 4 0 auto;
    min-height: 300px;

}
.child-8 {
    background-color: #ff0653;
    flex: 1 0 auto;
    min-height: 50px;

}