I did a Divi project recently where I wanted to place a clean tight fitting gallery of 10 images in a 1/3 block on the left and some accordion information in the 2/3 to the right.

If you choose the native Divi Gallery module, however, for the 1/3 section then the images just stack on top of each, responsively. Not at all what I wanted.

Fortunately, the ET community is pretty large and I found some onboarding help about how to break up the grid a bit online. This site (http://www.divithemeexamples.com/create-an-5678-column-rows-in-divi/) was a particular useful read and I eventually came up with the code below.

Here is a video showing how I used it:

And the code:

.et_pb_gutters2 .et_pb_column_1_3 .et_pb_grid_item {
 margin-bottom: 0;
.et_pb_column_1_3 .et_pb_grid_item {
 width: 50% !important;
 padding: 2px 2px;
@media all and (min-width: 981px) {
 .et_pb_gutters3 .et_pb_column_1_3 .et_pb_grid_item {
 margin-bottom: 1px;

Build Beautiful.