Challenge 9: BEM Buttons

[00:00:00]
>> Mike North: So what we're gonna do, is build upon our broad experience of building buttons today. And this one's a little different, in that it has something more than just text inside the button. This is gonna have a price. And that price is gonna be wrapped in its own DOM element and we're gonna consider that to be an element in the BEM sense, right?

[00:00:25]
It is a sub piece that has no meaning outside the context of these one click checkout buttons. So what we're gonna do is use BEM to create buttons that pass the tests that are waiting for you. And make sure that you pay attention to the fact that button Primary and Secondary have been changed to class names that align with the BEM convention.

[00:00:50]
Those are modifier classes, right? And so you're gonna see that the names are a little bit different, the concepts should be very much the same as what we've been working on all day. Just because we've been practicing this idea and now we can practice the convention as well.