I have a landing page with a grid of projects that the user can click into.
I'm wondering is it best to:
- Only make the link/button clickable OR
- Make the entire box clickable.
I'm leaning more on option 1 since I feel like it is convenient to have a big hit area. The only downside I can think of is that the whole page become clickable essentially and there's a potential issue for mis-clicking (especially for mobile). I've played with some sites that do this however it doesn't seem to be an issue. Anyone have thoughts, experience or research that says one works better than the other?
Additional info about the page: The grid bleeds fully to the left and right and will have no visual gaps between them. The page will have a hero and filters on top. The image will go from B&W to color when you hover over the box.
This will be responsive, (boxes will resize and eventually stack).