As I wrote in "BEM is DUMB, Don't Use, Mostly Borked"

https://levelup.gitconnected.com/bem-is-dumb-dont-use-mostly-borked-8fa859423ee5

I don't think I'll ever understand why people think they need to crap a class onto damned near every element. Though ti could be worse, could be the presentational class bullshit of Failwind/bootcrap derpitude.

but what really gets me is how people who use BEM seem to be utterly illiterate of using HTML properly. Which I've written about as well when it comes to framework stupid.

Just look at your PEN. DIV for what should probably be a section, DIV for what should be a numbered heading of the appropriate depth, and then the classes for nothing.

I mean really is:

.card > img {

REALLY so much harder than

,card__image {

that you NEED to take a steaming dump on the HTML? Especially when content would/should be dictating the markup? 100% hurr-durrz nonsense.

Made all the more comical by the lack of understanding how codepen works by pasting the ENTIRE HTML in and not just the BODy content, the X-UA rubbish that no legitimate site as needed in a decade and a half -- at least not to set "edge", pissing on accessibility by declaring things in pixels, nonsensical font-weight, etc, etm.

Check this pen:

https://codepen.io/jason-knight/pen/YzvyaJE?editors=1100

Apart from making your markup bigger for zero good reason, what the devil is that BEM rubbish actually doing for you apart from covering up for a lack of understanding how to use HTML properly?