Apply BEM to Screen Sizes Variables - Know the Code

Unlock your potential with a Pro Membership

Here is where you propel your career forward. Come join us today. Learn more.

Login to your account

Skip to episode playlist

For the screen sizes, let’s use this naming convention: $screen-size--smallest. The name is now more clear and it complies with BEM. Whew.

Break. Go rest your noodle for a couple of minutes.

Episodes

Total Lab Runtime: 01:19:50

1 Introducing BEMpro 07:28
2 Apply BEM to Typography Variablespro 10:50
3 Apply BEM to Color Variablespro 10:57
4 Refactor Colorspro 04:00
5 Apply BEM to Dimensions Variablespro 07:47
6 Apply BEM to Screen Sizes Variablespro 02:26
7 Neat Breakpointspro 16:10
8 Main Stylespro 13:54
9 Git Commit and Congratulationspro 06:18

Back to the lab's opening page.