Responsive QR-Code Card using SCSS

Community feedback

• 

  Alexander Guillén Hernández•220

  @AlexanderTheWisePosted over 1 year ago

  Good copy.

  When you're nesting classes like this: .card{ .... .card__qr-code{...} }

  it will transpile to this: .card{...} .card .card__qr-code {...} => higher specificity (20)

  Use "&" for BEM elements when using SASS. .card{ &__qr-code{...} => concatenation = (".card" + "__qr-code") }

  It will transpile to this: .card {...} .card__qr-code{...} => lower specificity (10)

  Marked as helpful

  1

  ---

  

  Rino•340

  @Rhinozer0sPosted over 1 year ago

  Yess @AlexanderTheWise,

  i already saw this but never implemented. Do you have some sources for me to read about?

  1

  

  Alexander Guillén Hernández•220

  @AlexanderTheWisePosted over 1 year ago

  @Rhinozer0s

  Of course:

  https://web.dev/learn/css/specificity/ https://css-tricks.com/the-sass-ampersand/

  2
• 

  Abdallah Aminu Daneji•240

  @waad2lfPosted over 1 year ago

  Nice work your project looks awesome

  2

  ---

  

  chalamalasaraswathi•10

  @chalamalasaraswathiPosted over 1 year ago

  Thank you so much for your compliment.

  0