HTML5 Method

Here we use the HTML 5 method to make the entire box clickable without having to rely on Javascript. Before HTML5 this wouldn't have been possible and would have resulted in Validation errors. If you require another link inside the current <a> tag then the jQuery method would be better.

• jQuery Demo 1
• jQuery Demo 2

Resources used in this demo

• Images courtesy of Pexels
• Grid provided by Gridlex
• Normalize CSS - An HTML5 alternative to CSS Reset
• Brackets Text Editor