Back to Basics: Creating a clickable card interface in plain HTML, CSS and JavaScript

added by DotNetKicks
11/27/2020 4:07:31 PM


One request that keeps coming up in web design right now are card interfaces that work like this: They should have headings and text and link to another document You should be able to click anywhere on the card to go to the other document Except, there could also be inline links in text that should go to another document And they should have a button to close them Basically this: The problem with that interface is that whilst anchor elements can contain other elements, nesting them makes no semantic sense and is invalid HTML.