If you’ve ever run into the issue that the <a href> wrapping an image isn’t the same height or width as the image it’s wrapping, you can often fix this discrepancy with simple CSS.
The CSS that will likely help you make the link fit the same size as the image is to make the link display: block.
In this code snippet, you can see I’m using the class .block to apply display:block.
<a class="block">href=""> <img src="" /> </a>
a.block {
display: block;
}
