How I Use Sass and BEM Class Names When Building a Card UI

How I Use Sass and BEM Class Names When Building a Card UI

Coder Coder via YouTube Direct link

- Intro (whoops I forgot to record the webcam 🙈)

1 of 11

1 of 11

- Intro (whoops I forgot to record the webcam 🙈)

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How I Use Sass and BEM Class Names When Building a Card UI

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro (whoops I forgot to record the webcam 🙈)
  2. 2 - What is BEM? Planning out the class names
  3. 3 - Adding the markup and the SCSS selectors for the cards
  4. 4 - Styles for top part of card
  5. 5 - Styles for the middle follower count number
  6. 6 - Styles for the bottom stat change number
  7. 7 - Layout for the card grid with flexbox, then CSS grid
  8. 8 - Styling the top bars on the cards
  9. 9 - Studying the bottom card grid in the design
  10. 10 - Writing SCSS selectors and markup for bottom cards
  11. 11 - Styles for bottom cards

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.