Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings.

Heading

Your content goes here.

Heading

You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Images modules may need a special treatment to cover the entire space. See Maxim’s reply in this Facebook threat.

https://www.facebook.com/groups/diviwebdesigners/permalink/1324603574576676/

This is the css for in the theme options. You need to give the row and images the custom classes. You can also put the module specific css in the row column and modules, and only use the first bold part in the custom css or a code module.

.block__col1{
display: grid;
grid-gap: 20px;
grid-template-rows: repeat(5, 1fr);
grid-template-columns: repeat(4, 1fr);
}
.block__image img{
height: 100%;
object-fit: cover;
}
.block__image .et_pb_image, .block__image .et_pb_image_wrap {
height: 100%;
}
.block__image1{
grid-column: 1 / 2;
grid-row: 1 / span 5;
}
.block__image2{
grid-column: 2 / 3;
grid-row: 1 / span 3;
}
.block__image3{
grid-column: 2 / 3;
grid-row: 4 / span 2;
}
.block__image4{
grid-column: 3 / 5;
grid-row: 1 / span 2;
}
.block__text{
grid-column: 3 / 5;
grid-row: 3 / span 3;
}

 

Header

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.