Mobile first workflow with Flexbox and CSS Custom Properties

Community feedback

• 

  Saif Narpali•590

  @SaifN97Posted about 3 years ago

  Great work on this one!👏👏

  I'll suggest try using em units for margin / padding.

  When you use em units the spacing adjusts automatically depending on the font-size of the element as we shrink things down for mobile view.

  Have fun coding :)

  1

  ---

  

  AngelusLovell•245

  @AngelusLovellPosted about 3 years ago

  @SaifN97 by spacing you mean letter-spacing?

  0

  

  Saif Narpali•590

  @SaifN97Posted about 3 years ago

  I meant the spacing created with margin and padding @ShashaGazem

  0

  

  Kristiana12•425

  @Kristiana12Posted about 3 years ago

  @SaifN97 Hey there,

  Thank you!! :)

  I have never used em units before because I have read that they are difficult to control cause of their parents' inheritance, but maybe it is time to give them a try (but only on margins and paddings)!

  Thank you for the tip!! ;)

  0
• 

  AngelusLovell•245

  @AngelusLovellPosted about 3 years ago

  Your solution is really good.😍

  Where did you learn "BEM"?

  0

  ---

  

  Kristiana12•425

  @Kristiana12Posted about 3 years ago

  @ShashaGazem Thank you!! :) I have been taking some courses on Udemy and the ones that really teach me a lot (since I am not done yet) BEM included are these two: The Modern Flexbox, Grid, Sass & Animations Developer Course and Advanced CSS and Sass: Flexbox, Grid, Animations and More!. I do highly recommend them but after learning the basics because they are a bit more advanced.

  1