Expanding Flex Cards - How to Design Expanding Flex Cards using HTML CSS and jQuery 

wonderful bro, i just used your code on my website, though i will make few changes, but thanks much . Cheers !

Nice job man

Wauh amazing keep uploading those skills

amazing, would I put an action when I click to expand I trigger a sound? with javascript?

Not too bad - you don't really need to go to the trouble of linking jQuery just to do add/remove an attribute though. I'd do that with vanilla JS (actually I wouldn't, I'd find a No JS way to do it). Also, not sure on some of your class naming - you don't really need to be quite so specific with some of those rules, given that this is all that's on the page. I get that if you have other ".title" elements then maybe you'd want to be more specific but that's what I mean about your naming - if you don't need those rules to apply anywhere else, just create a class that's specifically for that task, and apply a less specific rule. That's a style thing though - obviously it works fine as it is.

Amazing content keep it up! i just have 1 question when you apply - - bg in style how does that whole system work I'm a bit confused on that.

Can we use video instead of image in cards?

Is there any tutorial how to do this on figma

Unable to add images throught your code