Create 5,or more columns easily in Divi

5-or-more-columns-in-Divi.css

/* Add the class you need eg. five-columns to the ROW - not the module */
/*----------5 Columns----------*/
 
.five-columns .et_pb_module {
    float: left;
    width: 20%!important;
    padding: 20px;
}

/* make three appear on a tablet row */ 
@media only screen and (max-width: 980px) {
     
.five-columns .et_pb_module {
    width: 33%!important; 
    }
}

/* make two appear on a mobile row */ 
@media only screen and (max-width: 479px) {
     
.five-columns .et_pb_module {
    width: 50%!important;
    }
}


/*----------6 Columns----------*/
 
.six-columns .et_pb_module {
    float: left;
    width: 16.6%!important;
    padding: 20px;
}
 
@media only screen and (max-width: 980px) {
     
.six-columns .et_pb_module {
    width: 33%!important;
    }
}
 
@media only screen and (max-width: 479px) {
     
.six-columns .et_pb_module {
    width: 50%!important;
    }
}

/*----------7 Columns----------*/
 
.seven-columns .et_pb_module {
    float: left;
    width: 14.2%!important;
    padding: 20px;
}
 
@media only screen and (max-width: 980px) {
     
.seven-columns .et_pb_module {
    width: 33%!important;
    }
}
 
@media only screen and (max-width: 479px) {
     
.seven-columns .et_pb_module {
    width: 50%!important;
    }
}


/*----------8 Columns----------*/
 
.eight-columns .et_pb_module {
    float: left;
    width: 12%!important;
    padding: 10px;
}
 
@media only screen and (max-width: 980px) {
     
.eight-columns .et_pb_module {
    width: 33%!important;
    }
}
 
@media only screen and (max-width: 479px) {
     
.eight-columns .et_pb_module {
    width: 50%!important;
    }
}