Skip to content
Submitted over 3 years ago

Stats Preview using SCSS and Flexbox

Nick Tesh•40
@nicktesh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey everyone! This is my very first challenge here on Frontend Mentor. I utilized Flexbox and SCSS for this challenge. I typically use Bootstrap for most of my projects but would like to master Flexbox alone. Side note: This is my second week of using SCSS and I am loving it. Let me know what you think!

Community feedback

  • Alex G•315
    @AlexGDevProPosted over 3 years ago

    Hello,

    Like Matt says before, it looks good.

    But in HTML i think you made a semantic mistake. You should invert h3 and p, because the title is the categories' name of stats not its value.

    Hope that will help you. Keep coding and have a nice day.

    Marked as helpful
    1
    Nick Tesh•40
    @nickteshPosted over 3 years ago

    @AlexGDevPro You're absolutely right. Thank you for pointing this out!

    0
  • Matthew Van Pelt•575
    @Mattvp21Posted over 3 years ago

    Looks good! Especially on mobile. Good use of sass variables as well. My suggestion would be to look into BEM naming conventions. It helps keep sass organized and i believe its really important for big projects.

    Happy coding :) Matt

    1
    Nick Tesh•40
    @nickteshPosted over 3 years ago

    @Mattvp21 Thank you, Matt! I will definitely look into BEM.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord