Order summary component using SASS and CSS grid

Community feedback

• 

  Krzysztof Rozbicki•370

  @KrzysztofRozbickiPosted almost 2 years ago

  Hey! Great job! Will just give you some tips to the SASS if you want to use it in bigger designs:

  • maybe you know that but it is good to make a directories for your utils and variables, when you will be working on bigger design it will improve your workflow tremendously e.g.:

  ../sass/components/_index.scss
  ../sass/components/_button.scss
  ../sass/components/_page-header.scss
  ../sass/utils/_variables.scss
  ../sass/main.scss
  

  • I have learned that just a while ago but overall it is better to use old :root{ --var: xxx} variables than $variable:xxx SCSS ones , the CSS :root variables are more flexible and you can e.g. change the value of them in @media queries etc.

  • Consider using @use and @forward instead of @import - i think it is a good practice.

  I know that all that @use / @forward and sass directories might be overkill much for such a small project but i think it is good to learn a good habits even with small projects.

  Great job! Keep it up!

  Marked as helpful

  0