Frontend Mentor - Stats Preview Card Component

Community feedback

• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  Hey, everything looks clean and card is responsive... very good solution - nice Job.

  Also I will suggest to align .statistics div little bit bottom and it will be perfect. Good luck.

  Marked as helpful

  3

  ---

  

  Catherine Vuthi•150

  @esthercatePosted about 3 years ago

  @hardy333 Thank you for the feedback.

  0
• 

  darryncodes•6,370

  @darryncodesPosted about 3 years ago

  Hi Catherine,

  Really well done, great design and very responsive!

  A couple of idea's for you that I've learned that could help:

  • SASS adds lots of additional functionality to CSS like variables, nesting and more which can make writing CSS easier and faster
  • BEM (Block, Element, Modifier) is a component-based approach to web development. The idea behind it is to divide the user interface into independent blocks. This makes interface development easy and fast even with a complex UI, and it allows reuse of existing code without copying and pasting
  • also you might want to add a <h1> to your design to clear the accessibility report

  All the best!

  Marked as helpful

  1

  ---

  

  Catherine Vuthi•150

  @esthercatePosted about 3 years ago

  @darryncodes Thank you so much for your feedback, I will put the suggested tips on practise. I have been learning SCSS. And now you have suggested I learn SASS, can you kindly elaborate on which one is better between the two. Will be waiting to hear form you.

  0

  

  darryncodes•6,370

  @darryncodesPosted about 3 years ago

  Hi @esthercate you're welcome, sounds like you're on the right track. SASS is a SCSS pre-processor. This stackoverflow probably does a better job of explaining things than i will: What's the difference between SCSS and Sass?

  Marked as helpful

  0
• 

  hardy•3,660

  @hardy333Posted about 3 years ago

  You are welcome.

  3