There’s a wrinkle, which affects all my sites that use Twentig – which is quite a lot it is such a useful tool, whether I enable a 2, 3 or 4 column layout with the grid layout option. Tried disabling Twentig, the layout renders correctly. Re-enabling (and just changing some layout block options) doesn’t seem to fix anything, so I tried this.<\/p>\n\n\n\n
@media (min-width: 1024px) {
.wp-block-latest-posts.columns-3 li {
width: 100%; \/* was calc(33.333% – 1.333em) *\/
margin-inline-end: 2em;
}
}
seems to fix it on a desktop, but I have too many sites to update! Also the hack is naive and has repercussions across different devices e.g. mobile landscape.
The default posts page grid works satisfactorily, as far as I can see.
Looks like that rule applies margin-inline-end<\/code> to every<\/em> li<\/code>, including the last one in each row, instead of only the gaps between items … is that the issue?<\/p>\n","protected":false},"template":"","class_list":["post-19006745","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19006745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19006745\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19006745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}