O módulo Blog tem a opção em grade, mas a única opção é em 3 colunas. Existem plugins que oferecem alternativas, mas para esse projeto, eu precisava da opção “Posts da página atual”, que não tem no Post Grid do Divi Flash, então decidi usar o módulo nativo do Divi. Para alterar o número de colunas ou, nesse caso, fazer com que o módulo ficasse em grade mesmo estando num tamanho menor, achei esse tutorial: https://divilover.com/how-to-change-divi-blog-layout-using-css-grid/. Segue código abaixo:
/*Blog Grade - 3 colunas / Posts Relacionados - 4 colunas*/
.blog-grade .et_pb_ajax_pagination_container {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
.blog-grade .et_pb_ajax_pagination_container>div {
grid-column: span 3;
}
.posts-relacionados .et_pb_ajax_pagination_container {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
}
.posts-relacionados .et_pb_ajax_pagination_container>div {
grid-column: span 4;
}
/*Blog Grade, Posts Relacionados - Responsivo - 1 coluna*/
@media (max-width:600px) {
.blog-grade .et_pb_ajax_pagination_container, .posts-relacionados .et_pb_ajax_pagination_container {
grid-template-columns: repeat(1, 1fr);
}
.blog-grade .et_pb_ajax_pagination_container>div, .posts-relacionados .et_pb_ajax_pagination_container>div {
grid-column: span 1;
}
}
