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.