Use Generated Content to Augment Information

[00:00] Here's a list of dinosaurs. Let's make it show additional information on mouseover. We'll add data attributes for length and height. To display our new information, let's add a psuedo-element that shows on hover. In the content attribute, we have access to the attributes of the parent.

[00:16] Now, we do have access to attributes like class, id and href, but we're going to use the data length and data width that we created earlier. Now that we're showing that information in the view, let's go ahead and make it look better.