Hi everyone, added some extra features to this one, so I would really appreciate any feedback. First of all, I tried something slightly different to what I think is standard BEM methodology - I tried to avoid nesting elements in sass as much and personally found it a lot easier to work with - could I get some feedback of whether that is okay?
To challenge myself with JavaScript, I decided to make each card a link while keeping them accessible. I based this off of a CSS tricks article, but since there's more than one card, I had a few more issues to solve. Anyway, clicking on any point on the card will trigger a click on the main link (which is the card heading) - I added a link to google to the "Supervisor" card to show this. More clickable elements (anchor tags, buttons etc.) can be added to each card with class="clickable" and they won't trigger this behaviour. I did test it by adding an additional link, but didn't want to mess with the design.
Let me know what you think, any feedback is welcome, thanks!