Landing Page built with SCSS & Bulma (CSS Framework)

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hey, Bonrey! 👋

  Just wanted to drop into say well done, once again, on another challenge! 👍 Everything's looking pretty on point! 👌 (I like the custom favicons you've been adding to your solutions, BTW.) 😀

  I also think it's interesting to hear your thoughts on CSS frameworks (since I mentioned I haven't really tried them out very much, yet) compared to good ol` regular CSS. If you're up for it, keep on trying new things (as you mentioned), and I'll be looking forward to hearing about your experiences with them! 😅

  As always, keep coding (and happy coding, too)! 😁

  1

  ---

  

  Bonrey•1,130

  @BonreyPosted over 3 years ago

  @ApplePieGiraffe thanks a lot, as always! 😃

  Yeah, I'm up for two other frameworks: tailwindcss and Foundation. I'm curious if they're so different from Bulma and Bootstrap. As always, I'll post my experience here. 😉

  And happy coding to you, too! 😄

  0
• 

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  Another great 👌 project from you @Bonrey

  You worked quite a lot on this project as it seems...

  I would like you say something, may I?

  • You are the second one I saw using placeholder classes, I am really happy..! You are quite interested in SCSS
  • Why not using a mixin for all those media queries... DRY should be followed, no?

  // conversion from pixel to rem
  @function rem($var) {
      $result : $var / 16;
      @return $result * 1rem
  };
  
  // responsiveness 
  $breakPoints : (
      'extraSmall' : rem(320),
      'small' : rem(375),
      'large' : rem(768),
      'tab' : rem(1024),
  );
  
  @mixin responsive($size) {
      $breakPoint : map-get($breakPoints, $size);
  
      @media screen and (max-width : $breakPoint){
          @content
      }
  }
  

  • I would suggest learn dart-sass and use scss modules and stop using import as the higher developer are suggesting because import will be deprecated see this article

  • I see people using css framework but I don't know why but it doesn't feel important to me...any suggestions?

  Hope these helps you and happy coding 😉

  1

  ---

  

  Bonrey•1,130

  @BonreyPosted over 3 years ago

  @RocTanweer thanks a lot for your feedback! 😊 I myself thought about learning dart-sass, since it has so many cool features.

  As for the CSS frameworks, it's just another thing I wanted to try, since everyone's raving about them nowadays. Anyway, I can't say they're very useful in terms of basic CSS styles. However, they may come in handy when you need a certain component (e.g., a toggle switch, or a search bar) and you don't want to create it from scratch using plain css.

  1

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @Bonrey I am looking forward to see how you would use css framework then maybe I'll start working with them 😁

  1

  

  Bonrey•1,130

  @BonreyPosted over 3 years ago

  @RocTanweer I'm currently working on a project using dart-sass, as you suggested. Then, I'll switch back to the frameworks 😉

  1