body{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}
.contaier{
    width: 800px;
    margin: 50px auto 0;
    display: table;
    box-sizing: border-box;
}
.row{
    margin: 10px 0;
}
.column{
    background: #ccc;
    display: table-cell;
    padding: 10px;
    width: 33.33333%;
    text-align: center;
    color: #fff;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}
.row:nth-child(1) .column:nth-child(1){
    background: #596270;
}
.row:nth-child(1) .column:nth-child(2){
    background: #cf6768;
}
.row:nth-child(1) .column:nth-child(3){
    background: #8accc3;
}
.row:nth-child(2) .column:nth-child(1){
    background: #00acc1;
}
.row:nth-child(2) .column:nth-child(2){
    background: #ff4350;
}
.row:nth-child(2) .column:nth-child(3){
    background: #72768a;
}