Grid Covers with CSS

This makes the whole image a link, not just the text.

On this page we have edited the query loop, removed the Featured image and added a cover block showing the featured image. We have add the Title & date inside the cover block. We grouped the cover block and added a background image to the group. This shows up if there is no featured image.

Added a css fragment this only targets a query block on this specific page.

 .page-id-166 .wp-block-post {
    position: relative;
}

.page-id-166 .wp-block-cover__inner-container {
    position: static !important;
}

.page-id-166 .wp-block-post .wp-block-post-title a {
    position: static;
}

.page-id-166 .wp-block-post .wp-block-post-title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}