Gallery Card hover effect brakes links

37
0
09-27-2022 05:24 AM
DanielMx
New Contributor

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

<div class="gallery-card ember-view">

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>

0 Kudos
0 Replies