@piushbhandari
Posted
surround your h3 into a link like so: <a href="#"><h3>HTML & CSS Foundations</h3></a>
likely will need to do style updates. no JS required
this way the title is focusable. if this was on a real web page, this should also be taking you to a different page hence the link.
if you want the box shadow to increase on hover/focus, play with the property on dev tools to get what you want. not sure if i would go this route because this would assume that the whole card would be surrounded with an <a></a> element, and that's bad for screen reader users. but i suppose if you just want a hovering effect, you can do something like .card:hover { box-shadow: 17px 17px black;}
then of course add a transition to it to make it smooth on hover