CSS Grids – span a number of grid cells to create an irregular layout

Hello,

I want to style a post feed module (Divi theme) so that the first column is 50% width and the rest of the 7 are 25%, creating a grid like this https://www.screencast.com/t/GNJODhIG3

I have this CSS grid code so far, but I can’t find a way of editing it to get the desired layout.

    .ds-grid-blog .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(5, 18%);
    grid-column-gap: 2.5%;}

Is there some code I could add like “column-one, row-one: 50%;”

Any help would be much apreciated,,, thanks.

• This topic was modified 5 years, 9 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]