Gallery Card hover effect brakes links

DanielMx — Tue, 27 Sep 2022 12:24:56 GMT

I created my own gallery card, everything works fine but it looks dull, the links (href) stop working when when I add:

to make the jump hover effect. Any suggestions?

<div><div class="col-xs-12 col-sm-6 col-md-4">
<div class="calcite-web">
<div class="gallery-card ember-view">
<div class="card-base">
<div class="card-image-wrap">
<div class="card-image-caption">
<h4 style="text-align: center;">County Base Maps</h4>
</div>
<a href="https://gis.orangecountygov.com/Gallery/County.html" target="_blank">
<img alt="County Base Maps" class="card-image" src="https://gis.orangecountygov.com/images/portal/Base.png">
</a>
</div>
<div class="card-content">
<p></p>
<div aria-label="actions" class="btn-group btn-group-justified" role="group">
<a class="btn btn-primary" href="https://gis.orangecountygov.com/Gallery/County.html" target="_blank">Explore</a>
</div>
</div>
</div>
</div>
</div>
</div></div>

topic Gallery Card hover effect brakes links in ArcGIS Hub Questions

Gallery Card hover effect brakes links