Thu, 2019-02-07 21:57
Hello,
I would like 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.
Sat, 2019-02-09 16:53
#1
Sharing my ignorance
I have not had any need for a grid layout display, so I'm depending on a quick scan of the rules.
It appears there is a property "span" that acts similar to the span attribute in table structures, i.e. you combine two or more grid boxes to make one larger box.
I leave you to read the specs.
gary