.flex {
    display: flex;
}
.column1 {
    flex: 50%;
}
.column2 {
    flex: 50%;
    background-color: purple;
    padding: 2%;
    margin: .5% 1% .5% 1%;
}
.top {
    color: white;
    background-color: lightblue;
    padding: 4%;
    margin: 1%;
}
.bottom {
    color: white;
    background-color: blueviolet;
    padding: 4%;
    margin: 0 1% 1% 1%;
}