Savannah Sosa

Clickable Cards with Sub Links

Savannah Sosa | Jun 10, 2019

How can I create clickable cards with nested sub links?

A seemingly simple design request that is growing popular is having links inside the clickable cards, for easy interactions or quick access to related information, like tags on blog posts, or links to related authors for books. However, if you’ve ever tried to put a link inside another link, you may have noticed some odd behavior. That’s because nested links are illegal HTML, so the browser isn’t always able to present it like you intend. In this video, you’ll learn how to implement a nested link card design without violating any web standards, using pseudo elements and positioning.

Subscribers Only

Transcripts are for subscribers. Create an account today to access our collection of screencasts, skill packs, and more.

Subscribers Only

Project files are only available for subscribers. Create an account today to access our collection of screencasts, skill packs, and more.

Need Help?

If you get stuck, try starting a discussion with Big Nerd Ranch experts in the community tab.

Related Screencasts

Explore other screencasts related to this topic.