Hello! I’m trying to open an external link from a expandable card, but the link doesn’t work even if I use the class
external, what i’m doing is wrapping a link class to the expandable card div but the link just doesn’t work, it does on any other text for example:
<a class="external" href="https://www.reddit.com/" target="_blank">Open external link</a>
JSFiddle or live example?
Here I have the card that I want with the link: https://jsfiddle.net/LuMartti/bwfdg1x9/10/
As you can see, even if I add the class
external the link won’t open, also if I add a link inside of the card. I added a button and applied the class
external, but it doesn’t work for me ether
This HTML code is not valid. It is not allowed to have nested
<a> tags, look how it is parsed by browser:
Oh it’s true, so if I remove the nested
<a> tags it should work?
It does, removing the
<a> tags solves the problem. But is it normal that the image inside the cards aren’t centered? They center with the device width, not the card width