Nested grid wont work when I use a link

I’m trying to make a whole section of a webpage a link. It works fine if I include h1 onward as shown here:

However when I have it for only h2 onward the grid areas afterward wont display properly, shown here:

Is there anyway I can keep using the grid for my design and only link the title, photo and paragraph? Thank you in advance.

The easiest way would be to split that grid into 2 parts(top and bottom) and then create a new inner grid for the anchor block components much as you did before you added the anchor around them.

Sorry I can’t offer code as only on a mobile tonight.

Roughly like this:

Sorry for taking so long to reply and tyvm for the help, that indeed works fine. Here is my updated take on it.

1 Like