Follow along as I build Testimonial Section India, Testimonial Grid India, Testimonial Card India, and CTA Card Alpha!
IMPORTANT: One of the best things about teaching this stuff is that it forces me to think harder, challenge past practices, and tweak things for greater efficiency. After publishing and reviewing this video, I challenged myself on the notion that images all need a wrapper div. This used to be the case when it was common to insert raw images on websites (I explain why in the video), but it’s actually no longer necessary. Why? Because now the best practice is to wrap all images in a <figure> tag. And unlike the <img> tag, the <figure> tag *does* support pseudo elements. So, I’m actually retracting my previous argument that all images should have a wrapper – they actually have one by default if you properly use <figure> tags. The <figure> overcomes the previous limitation of not being able to use pseudo elements on images.
I’ve updated Testimonial Section India to account for this.
Update: I made a mistake in linking the button. That’s actually a fake button. I linked the heading and used clickable parent to make the entire event card clickable.
If you did want to use the button (and not make the entire card clickable), you’d need to use aria labels to give it context.
