.flex-container-child {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 30px;
}

.flex-item-left {
    /*background-color: #f1f1f1;*/
    padding: 10px;
    flex: 50%;
}

.flex-item-right {
    /*background-color: dodgerblue;*/
    padding: 10px;
    flex: 50%;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
    .flex-container-child {
        flex-direction: column;
    }
}